Back to palettes

Palette

Autumn Leaf Crunch

A warm and inviting blend reflecting the crisp, vivid colors of fallen autumn leaves, evoking the season's vibrancy.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7F3300#BF4F00#FF6600#FF9933#FFCC66

Palette guide

How to use Autumn Leaf Crunch

Overview

The Autumn Leaf Crunch palette is a warm and inviting blend reflecting the crisp, vivid colors of fallen autumn leaves, evoking the season's vibrancy. This energetic collection offers designers and developers a luminous range of oranges and golds, perfect for creating lively and cheerful experiences. Featuring deep #7F3300, vibrant #BF4F00, fiery #FF6600, bright #FF9933, and luminous #FFCC66, this palette provides versatility. Its energetic progression from deep earth to brilliant gold creates a captivating visual flow, ideal for projects that aim to convey seasonal vibrancy, natural beauty, or the joyful abundance of fall, perfect for outdoor or festive themes.

Best used for

  • fall festival branding
  • children's book illustrations
  • seasonal product promotions
  • outdoor event marketing
  • autumn-themed video games
  • vibrant social media campaigns

Suggested color roles

primary

#7F3300 - A deep, robust burnt orange, excellent for foundational elements, large headers, or backgrounds that provide strong stability and warmth.

secondary

#BF4F00 - A vibrant, rich orange, perfect for supporting content blocks, navigation, or as a powerful contrasting element.

accent

#FF6600 - A fiery, pure orange, ideal for calls to action, important highlights, or decorative elements that demand immediate attention.

background

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

text

#7F3300 - For primary body text on light backgrounds like #FFCC66, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #7F3300 or #BF4F00 text on #FFCC66 backgrounds meets WCAG AA contrast standards.
  • Avoid using #FF6600 or #FF9933 for small text directly on #FFCC66 due to potential low contrast.
  • For critical information, use the darkest color (#7F3300) for text against the lightest background (#FFCC66).
  • White or a very light cream provides excellent contrast for text on #7F3300, #BF4F00, and #FF6600.

Recommended combinations

Leafy Energy

Creates a high-energy, celebratory feel, perfect for banners or prominent promotional content.

#7F3300 · #FF6600 · #FFCC66

Golden Crunch

Ideal for a vibrant, energetic gradient, suitable for hero sections or dynamic visual elements.

#BF4F00 · #FF9933 · #FFCC66

Autumn Pop

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

#FFCC66 · #7F3300 · #FF6600

CSS variables

:root {
  --autumn-leaf-crunch-1: #7F3300;
  --autumn-leaf-crunch-2: #BF4F00;
  --autumn-leaf-crunch-3: #FF6600;
  --autumn-leaf-crunch-4: #FF9933;
  --autumn-leaf-crunch-5: #FFCC66;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-crunch": {
        1: "#7F3300",
        2: "#BF4F00",
        3: "#FF6600",
        4: "#FF9933",
        5: "#FFCC66",
      }
    }
  }
}

Related searches

vibrant autumn leavesorange gold fall paletteenergetic seasonal schemecrunchy leaf colorsnature festive branding

Palette colors

Hex values

Color 1#7F3300
·
Color 2#BF4F00
·
Color 3#FF6600
·
Color 4#FF9933
·
Color 5#FFCC66
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
4.1:1AA18
5.9:1AA
2
1.8:1Fail
1.7:1Fail
2.3:1Fail
3.2:1AA18
3
3:1AA18
1.7:1Fail
1.4:1Fail
2:1Fail
4
4.1:1AA18
2.3:1Fail
1.4:1Fail
1.4:1Fail
5
5.9:1AA
3.2:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Autumn Leaf Crunch

View all warm
Autumn Rustling Leaves
Crimson Leaf Harvest
Crisp Autumn Foliage
Autumn Maple Flame
Fall Foliage Inferno
Fall Leaf Brilliance