Back to palettes

Palette

Autumn Leaf Fall

The rich and vivid colors of autumn leaves cascading through a darkening forest path.

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

#C55D21#FF9800#FFC107#7B1FA2#212121

Palette guide

How to use Autumn Leaf Fall

Overview

The Autumn Leaf Fall palette captures the rich and vivid colors of autumn leaves cascading through a darkening forest path. This natural and warm collection offers designers and developers a bold spectrum, featuring unexpected purple alongside classic fall tones, perfect for creating dramatic and sophisticated experiences. With vibrant #C55D21, bright #FF9800, luminous #FFC107, deep #7B1FA2, and grounding #212121, this palette provides versatility. Its unique combination of energetic warmth and deep mystery creates a captivating visual flow, ideal for projects that aim to convey seasonal drama, artistic flair, or a modern twist on traditional fall themes.

Best used for

  • artistic branding
  • luxury fall fashion
  • sophisticated event invitations
  • creative digital art
  • dark mode autumn themes
  • theatrical set designs

Suggested color roles

primary

#212121 - A deep, grounding charcoal, excellent for foundational elements, large headers, or backgrounds that provide strong stability and sophistication.

secondary

#7B1FA2 - A rich, mysterious deep purple, perfect for supporting content blocks, navigation, or as a unique contrasting element.

accent

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

background

#FFC107 - A bright, luminous yellow, provides an energetic and warm backdrop, allowing darker colors to pop and conveying cheerfulness.

text

#212121 - For primary body text on light backgrounds like #FFC107 or #FF9800, offering excellent readability and a strong, modern presence.

Accessibility notes

  • Ensure #212121 or #7B1FA2 text on #FFC107 or #FF9800 backgrounds meets WCAG AAA contrast standards.
  • Avoid using #C55D21 or #FF9800 for small text directly on #FFC107 due to potential low contrast.
  • White or a very light cream provides excellent contrast for text on #212121, #7B1FA2, and #C55D21.
  • The bright yellow #FFC107 works well as a background for dark text, ensuring high visibility.

Recommended combinations

Dramatic Fall

Creates a sophisticated, high-contrast look, perfect for artistic branding or dramatic visual storytelling.

#212121 · #7B1FA2 · #C55D21

Luminous Path

Ideal for a vibrant, energetic gradient with a strong grounding element, suitable for hero sections or banners.

#FFC107 · #FF9800 · #212121

Mystic Harvest

Offers a unique blend of cool and warm, excellent for accents or elements that require a captivating, unexpected pop.

#7B1FA2 · #C55D21 · #FF9800

CSS variables

:root {
  --autumn-leaf-fall-1: #C55D21;
  --autumn-leaf-fall-2: #FF9800;
  --autumn-leaf-fall-3: #FFC107;
  --autumn-leaf-fall-4: #7B1FA2;
  --autumn-leaf-fall-5: #212121;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-fall": {
        1: "#C55D21",
        2: "#FF9800",
        3: "#FFC107",
        4: "#7B1FA2",
        5: "#212121",
      }
    }
  }
}

Related searches

autumn leaf purple palettedark fall colorsvibrant orange yellowsophisticated seasonal schemeforest path aesthetic

Palette colors

Hex values

Color 1#C55D21
·
Color 2#FF9800
·
Color 3#FFC107
·
Color 4#7B1FA2
·
Color 5#212121
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.6:1Fail
1.9:1Fail
3.8:1AA18
2
2:1Fail
1.3:1Fail
3.8:1AA18
7.5:1AAA
3
2.6:1Fail
1.3:1Fail
5:1AA
9.9:1AAA
4
1.9:1Fail
3.8:1AA18
5:1AA
2:1Fail
5
3.8:1AA18
7.5:1AAA
9.9:1AAA
2:1Fail

Similar palettes

More like Autumn Leaf Fall

View all Warm
Autumn Amber Cascade
Autumn Foliage Charm
Autumn Hearth Glow
Autumn Leaf
Desert Solstice Bloom
Desert Wildflower Medley