Back to palettes

Palette

Cozy Autumn Leaf

Evokes the warm, inviting shades of falling autumn leaves, perfect for a cozy atmosphere.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cozy Autumn Leaf 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 Cozy Autumn Leaf.

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

Data visualization

#B85F18#D17937#EB9255#FCAE73#FFEECF

Palette guide

How to use Cozy Autumn Leaf

Overview

The 'Cozy Autumn Leaf' palette evokes the warm, inviting shades of falling autumn leaves, perfect for creating a cozy atmosphere. This warm and inviting collection features a rich dark orange (#B85F18), a vibrant orange (#D17937), a softer peach (#EB9255), a light apricot (#FCAE73), and a creamy pale yellow (#FFEECF). Ideal for designers and developers seeking to convey warmth, comfort, and seasonal charm. These harmonious hues are excellent for projects that celebrate the autumn season, ensuring an engaging and inviting user experience across various digital and print applications.

Best used for

  • Autumn seasonal marketing campaigns
  • Cozy cafe or bakery branding
  • Fall festival promotions
  • Home decor and textile designs
  • Thanksgiving holiday themes
  • Nature-themed app interfaces

Suggested color roles

primary

#B85F18 (Dark Orange) - A rich, anchoring primary color, ideal for main structures, headers, or strong brand elements.

secondary

#D17937 (Vibrant Orange) - Provides a lively, energetic complement, excellent for secondary content, calls-to-action, or accents.

accent

#FCAE73 (Light Apricot) - A soft, glowing accent perfect for highlights, interactive elements, or a touch of gentle radiance.

background

#FFEECF (Pale Yellow) - A creamy, luminous background that brightens the palette while maintaining warmth, perfect for content areas.

text

#EB9255 (Peach) - Suitable for larger, decorative text. For body text, use a dark brown (e.g., #4F4F4F) or black on lighter backgrounds for readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #FCAE73 with #FFEECF for text.
  • For body text, use dark colors like #B85F18 or a deep charcoal against #FFEECF backgrounds.
  • The darker oranges offer good contrast for white or off-white text, improving legibility.
  • Avoid using #FCAE73 for small body text unless on a significantly darker background to ensure legibility.

Recommended combinations

Autumn Harvest

Ideal for warm website headers, autumn promotions, or inviting branding.

#B85F18 · #D17937 · #FFEECF

Leafy Glow

Great for soft backgrounds, content cards, or where a gentle, warm feel is desired.

#EB9255 · #FCAE73 · #FFEECF

Cozy Fade

Perfect for bold calls-to-action, energetic illustrations, or accentuating key information.

#D17937 · #B85F18 · #EB9255

CSS variables

:root {
  --cozy-autumn-leaf-1: #B85F18;
  --cozy-autumn-leaf-2: #D17937;
  --cozy-autumn-leaf-3: #EB9255;
  --cozy-autumn-leaf-4: #FCAE73;
  --cozy-autumn-leaf-5: #FFEECF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-autumn-leaf": {
        1: "#B85F18",
        2: "#D17937",
        3: "#EB9255",
        4: "#FCAE73",
        5: "#FFEECF",
      }
    }
  }
}

Related searches

autumn leaf palettecozy orange colorsfall seasonal aestheticwarm harvest huesorange yellow design

Palette colors

Hex values

Color 1#B85F18
·
Color 2#D17937
·
Color 3#EB9255
·
Color 4#FCAE73
·
Color 5#FFEECF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.4:1Fail
3.9:1AA18
2
1.4:1Fail
1.3:1Fail
1.8:1Fail
2.8:1Fail
3
1.9:1Fail
1.3:1Fail
1.3:1Fail
2.1:1Fail
4
2.4:1Fail
1.8:1Fail
1.3:1Fail
1.6:1Fail
5
3.9:1AA18
2.8:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Cozy Autumn Leaf

View all warm
Autumn Leaf Mosaic
Autumn Cider Festival
Autumn Cider Spill
Autumn Cider Warmth
Autumn Cider Warmth
Autumn Dusk Glow