Back to palettes

Palette

Autumn Leaf Cascade

A harmonious blend of reds, oranges, and yellows mirroring the vibrant transformation of autumn leaves.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8C3A29#BF5B32#E68A4C#FFC173#FFE0A0

Palette guide

How to use Autumn Leaf Cascade

Overview

The Autumn Leaf Cascade palette is a harmonious blend of reds, oranges, and yellows mirroring the vibrant transformation of autumn leaves. This natural and warm collection offers designers and developers a serene range of sophisticated earthy tones, perfect for creating comforting and elegant experiences. Featuring deep #8C3A29, rich #BF5B32, vibrant #E68A4C, soft #FFC173, and luminous #FFE0A0, this palette provides versatility. Its smooth transition from deep rust to glowing gold creates a soothing visual flow, ideal for projects that aim to convey seasonal beauty, natural elegance, or a gentle autumnal charm, perfect for lifestyle or artistic themes.

Best used for

  • seasonal photography websites
  • art and craft blogs
  • boutique fashion branding
  • fall wedding stationery
  • cozy home decor concepts
  • nature-inspired digital illustrations

Suggested color roles

primary

#8C3A29 - A deep, sophisticated rust brown, excellent for foundational elements, large headers, or backgrounds that establish richness and natural stability.

secondary

#BF5B32 - A rich, inviting orange-brown, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#E68A4C - A vibrant, medium orange, ideal for calls to action, important highlights, or decorative elements that add a cheerful glow.

background

#FFE0A0 - A very light, luminous golden cream, provides a soft, warm, and highly readable backdrop for most text and UI elements.

text

#8C3A29 - For primary body text on light backgrounds like #FFE0A0 or #FFC173, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #8C3A29 or #BF5B32 text on #FFE0A0 or #FFC173 backgrounds meets WCAG AA contrast standards.
  • Avoid using #E68A4C or #FFC173 for small text directly on #FFE0A0 due to potential low contrast.
  • For critical information, use the darkest colors (#8C3A29, #BF5B32) for text against the lightest background (#FFE0A0).
  • White or a very light cream provides excellent contrast for text on #8C3A29, #BF5B32, and #E68A4C.

Recommended combinations

Leafy Descent

Creates a rich, grounded contrast, perfect for strong branding or prominent calls to action.

#8C3A29 · #BF5B32 · #FFE0A0

Autumnal Glow

Ideal for smooth transitions in backgrounds, layered elements, or visual storytelling of autumn leaves.

#BF5B32 · #E68A4C · #FFC173

Warm Harmony

Provides a clean, readable layout with a strong dark text option and a soft, warm accent.

#FFE0A0 · #8C3A29 · #E68A4C

CSS variables

:root {
  --autumn-leaf-cascade-1: #8C3A29;
  --autumn-leaf-cascade-2: #BF5B32;
  --autumn-leaf-cascade-3: #E68A4C;
  --autumn-leaf-cascade-4: #FFC173;
  --autumn-leaf-cascade-5: #FFE0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-cascade": {
        1: "#8C3A29",
        2: "#BF5B32",
        3: "#E68A4C",
        4: "#FFC173",
        5: "#FFE0A0",
      }
    }
  }
}

Related searches

autumn leaf red orangefall seasonal palettewarm earthy brown goldcozy nature colorsleaf transformation scheme

Palette colors

Hex values

Color 1#8C3A29
·
Color 2#BF5B32
·
Color 3#E68A4C
·
Color 4#FFC173
·
Color 5#FFE0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.8:1AA
6:1AA
2
1.7:1Fail
1.7:1Fail
2.8:1Fail
3.5:1AA18
3
2.9:1Fail
1.7:1Fail
1.6:1Fail
2:1Fail
4
4.8:1AA
2.8:1Fail
1.6:1Fail
1.3:1Fail
5
6:1AA
3.5:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Autumn Leaf Cascade

View all Warm
Autumn Amber Cascade
Spiced Harvest Hearth
Autumn Foliage Charm
Autumn Hearth Glow
Harvest Season Charm
Harvest Sundown Hearth