Back to palettes

Palette

Autumn Leaf Fall

A celebration of fall's rich tapestry, blending warm browns and oranges from changing leaves.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FAE8E0#E0B49B#B7876A#8F5E41#673C24

Palette guide

How to use Autumn Leaf Fall

Overview

The Autumn Leaf Fall palette is a celebration of fall's rich tapestry, blending warm browns and oranges from changing leaves. This natural and warm collection offers designers and developers a sophisticated range of earthy tones, perfect for creating comforting and grounded experiences. Featuring very light #FAE8E0, soft #E0B49B, warm #B7876A, robust #8F5E41, and deep #673C24, this palette provides versatility. Its smooth transition from light cream to deep chocolate brown creates a soothing visual flow, ideal for projects that aim to convey warmth, tradition, and the delightful essence of autumnal beauty, perfect for lifestyle or rustic themes.

Best used for

  • cozy lifestyle blogs
  • fall fashion layouts
  • nature photography showcases
  • artisanal goods branding
  • autumn event invitations
  • rustic home decor e-commerce

Suggested color roles

primary

#673C24 - A deep, rich chocolate brown, excellent for foundational elements, large headers, or backgrounds that provide strong stability and warmth.

secondary

#8F5E41 - A robust, warm brown, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#B7876A - A soft, inviting beige-brown, ideal for subtle highlights, delicate typography, or as a gentle separating element.

background

#FAE8E0 - A very light, warm off-white, provides a clean and airy backdrop, ensuring excellent readability for darker text and a sense of spaciousness.

text

#673C24 - For primary body text on light backgrounds like #FAE8E0 or #E0B49B, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #673C24 or #8F5E41 text on #FAE8E0 or #E0B49B backgrounds meets WCAG AA contrast standards.
  • Avoid using #B7876A or #E0B49B for small text directly on #FAE8E0 due to very low contrast.
  • For critical information, use the darkest colors (#673C24, #8F5E41) for text against the lightest backgrounds.
  • White or a very light cream provides excellent contrast for text on #673C24 and #8F5E41.

Recommended combinations

Leafy Gradient

Creates a smooth, natural transition, perfect for backgrounds or layered UI elements.

#673C24 · #8F5E41 · #E0B49B

Soft Contrast

Ideal for a clean, elegant look, with a soft background, a subtle accent, and strong dark text.

#B7876A · #FAE8E0 · #673C24

Earthy Depth

Offers a rich, layered effect, excellent for textured backgrounds or deep, impactful design elements.

#8F5E41 · #B7876A · #E0B49B

CSS variables

:root {
  --autumn-leaf-fall-2-1: #FAE8E0;
  --autumn-leaf-fall-2-2: #E0B49B;
  --autumn-leaf-fall-2-3: #B7876A;
  --autumn-leaf-fall-2-4: #8F5E41;
  --autumn-leaf-fall-2-5: #673C24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-fall-2": {
        1: "#FAE8E0",
        2: "#E0B49B",
        3: "#B7876A",
        4: "#8F5E41",
        5: "#673C24",
      }
    }
  }
}

Related searches

autumn leaf brown orangefall earthy palettewarm neutral fall colorsnatural leaf aestheticcozy brown beige scheme

Palette colors

Hex values

Color 1#FAE8E0
·
Color 2#E0B49B
·
Color 3#B7876A
·
Color 4#8F5E41
·
Color 5#673C24
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.6:1AA
7.9:1AAA
2
1.6:1Fail
1.7:1Fail
2.9:1Fail
5:1AA
3
2.6:1Fail
1.7:1Fail
1.7:1Fail
3:1Fail
4
4.6:1AA
2.9:1Fail
1.7:1Fail
1.7:1Fail
5
7.9:1AAA
5:1AA
3:1Fail
1.7:1Fail

Similar palettes

More like Autumn Leaf Fall

View all warm
Spiced Autumn Equinox
Spiced Pear
Amber Voyage
Autumn Cider
Autumn Cider Spill
Autumn Cider Warmth