Back to palettes

Palette

Autumn Leaf Cascade

A stunning array of warm colors, from rich browns to fiery reds, capturing the beauty of falling autumn leaves in the forest.

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

#8B4513#CD5C5C#DAA520#FF4500#A0522D

Palette guide

How to use Autumn Leaf Cascade

Overview

The Autumn Leaf Cascade palette is a stunning array of warm colors, from rich browns to fiery reds, capturing the beauty of falling autumn leaves in the forest. This natural and vibrant collection offers designers and developers a dynamic spectrum of earthy and energetic hues, perfect for creating lively and grounded experiences. Featuring robust #8B4513, gentle #CD5C5C, golden #DAA520, fiery #FF4500, and deep #A0522D, this palette provides versatility. Its energetic progression from deep earth to brilliant red creates a captivating visual flow, ideal for projects that aim to convey seasonal vibrancy, natural beauty, or the rich abundance of fall, perfect for outdoor or festive themes.

Best used for

  • fall fashion campaigns
  • nature photography websites
  • seasonal product launches
  • outdoor event promotions
  • autumn-themed digital art
  • rustic branding for lifestyle goods

Suggested color roles

primary

#A0522D - A deep, grounding sienna, excellent for foundational elements, large headers, or backgrounds that establish richness and natural stability.

secondary

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

accent

#FF4500 - A vibrant, fiery orange-red, ideal for calls to action, important highlights, or decorative elements that demand attention.

background

#DAA520 - A warm, muted goldenrod, offers a soft and inviting backdrop that supports readability and complements the deeper tones.

text

#A0522D - For primary body text on light backgrounds like #DAA520, offering excellent readability and maintaining the palette's natural, earthy tone.

Accessibility notes

  • Ensure #A0522D or #8B4513 text on #DAA520 backgrounds meets WCAG AA contrast standards.
  • Avoid using #CD5C5C or #FF4500 for small text directly on #DAA520 due to potential low contrast.
  • For critical information, use the darkest colors (#A0522D, #8B4513) for text against the lightest background (#DAA520).
  • White or a very light cream provides excellent contrast for text on #A0522D, #8B4513, or #FF4500.

Recommended combinations

Falling Fire

Creates a dynamic, warm contrast, perfect for high-impact visual elements or seasonal promotions.

#A0522D · #FF4500 · #DAA520

Earthy Flow

Ideal for a harmonious, autumnal gradient, suitable for backgrounds or layered content.

#8B4513 · #CD5C5C · #DAA520

Vibrant Ground

Provides a clean, readable layout with strong dark text and a fiery accent, excellent for content blocks.

#DAA520 · #A0522D · #FF4500

CSS variables

:root {
  --autumn-leaf-cascade-2-1: #8B4513;
  --autumn-leaf-cascade-2-2: #CD5C5C;
  --autumn-leaf-cascade-2-3: #DAA520;
  --autumn-leaf-cascade-2-4: #FF4500;
  --autumn-leaf-cascade-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-cascade-2": {
        1: "#8B4513",
        2: "#CD5C5C",
        3: "#DAA520",
        4: "#FF4500",
        5: "#A0522D",
      }
    }
  }
}

Related searches

autumn leaf cascade colorswarm fall earthy palettered brown gold schemevibrant seasonal naturefalling leaves aesthetic

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD5C5C
·
Color 3#DAA520
·
Color 4#FF4500
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
2.1:1Fail
1.3:1Fail
2
1.8:1Fail
1.8:1Fail
1.2:1Fail
1.4:1Fail
3
3.2:1AA18
1.8:1Fail
1.5:1Fail
2.5:1Fail
4
2.1:1Fail
1.2:1Fail
1.5:1Fail
1.6:1Fail
5
1.3:1Fail
1.4:1Fail
2.5:1Fail
1.6:1Fail

Similar palettes

More like Autumn Leaf Cascade

View all warm
Autumn Ember Glow
Autumn Foliage Crunch
Autumn Leaf Ember
Autumn Leaf Fall
Autumn Leaf Rustle
Harvest Leaf Glow