Back to palettes

Palette

Autumn Foliage Charm

A cozy, rich array of reds and browns mirroring the vibrant and comforting colors of autumn leaves.

WarmCalm5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Foliage Charm reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Autumn Foliage Charm.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5D4037#BF360C#D84315#EF5350#FFCCBC

Palette guide

How to use Autumn Foliage Charm

Overview

The "Autumn Foliage Charm" palette offers a cozy, rich array of reds and browns, mirroring the vibrant and comforting colors of autumn leaves. It transitions from the deep, grounding brown of #5D4037 through a spectrum of inviting reds: the bold #BF360C, the lively #D84315, and the bright #EF5350. The palette is softened by the gentle, rosy cream of #FFCCBC. This collection is perfect for designs that aim to evoke warmth, natural beauty, and a sense of comforting charm. Developers and designers can leverage these harmonious hues for creating inviting web interfaces, rustic branding, or evocative seasonal content.

Best used for

  • Cozy lifestyle blogs and websites
  • Autumnal themed event invitations
  • Branding for cafes or artisanal goods
  • Home decor e-commerce platforms
  • Seasonal marketing and social media graphics
  • Mobile apps with a warm, inviting aesthetic

Suggested color roles

primary

#D84315 - A vibrant, warm red-orange that makes a strong statement, ideal for primary calls-to-action, headings, or key brand elements.

secondary

#BF360C - A deeper, rich red that provides excellent support for subheadings, navigation, or textured background sections.

accent

#EF5350 - A bright, lively coral-red that adds a playful pop, perfect for interactive elements, highlights, or small decorative details.

background

#FFCCBC - A soft, rosy cream that offers a gentle, warm base, ensuring content clarity and an overall comforting feel.

text

#5D4037 - A deep, earthy brown that provides strong contrast against lighter shades like #FFCCBC, ensuring excellent readability for body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #EF5350 on #FFCCBC or other light backgrounds.
  • Use #5D4037 or a dark brown/black for body text on #FFCCBC to meet WCAG AA standards.
  • Avoid using #EF5350 or #D84315 for small text elements against similar red/orange backgrounds.
  • Test interactive elements to ensure clear visual feedback and sufficient contrast in all states.

Recommended combinations

Leafy Gradient

Creates a soft to vibrant red gradient, ideal for backgrounds, headers, or energetic visual elements.

#FFCCBC · #EF5350 · #D84315

Rustic Hearth

Combines the deepest brown with a rich red and a light cream for a balanced, rustic, and inviting look.

#5D4037 · #BF360C · #FFCCBC

Autumn Pop

A lively blend of reds and red-orange, great for highlighting content or creating dynamic graphic elements.

#D84315 · #EF5350 · #BF360C

CSS variables

:root {
  --autumn-foliage-charm-2-1: #5D4037;
  --autumn-foliage-charm-2-2: #BF360C;
  --autumn-foliage-charm-2-3: #D84315;
  --autumn-foliage-charm-2-4: #EF5350;
  --autumn-foliage-charm-2-5: #FFCCBC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-foliage-charm-2": {
        1: "#5D4037",
        2: "#BF360C",
        3: "#D84315",
        4: "#EF5350",
        5: "#FFCCBC",
      }
    }
  }
}

Related searches

cozy autumn red palettefall foliage color schemerustic brown red colorswarm seasonal ui designinviting leaf charm palette

Palette colors

Hex values

Color 1#5D4037
·
Color 2#BF360C
·
Color 3#D84315
·
Color 4#EF5350
·
Color 5#FFCCBC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.1:1Fail
2.7:1Fail
6.5:1AA
2
1.7:1Fail
1.3:1Fail
1.6:1Fail
3.9:1AA18
3
2.1:1Fail
1.3:1Fail
1.3:1Fail
3.1:1AA18
4
2.7:1Fail
1.6:1Fail
1.3:1Fail
2.4:1Fail
5
6.5:1AA
3.9:1AA18
3.1:1AA18
2.4:1Fail

Similar palettes

More like Autumn Foliage Charm

View all Warm
Warm Hearth
Morning Chai Spice
Spicy Chai Warmth
Warm Mocha Brew
Spiced Chai Comfort
Autumn Foliage Charm