Back to palettes

Palette

Autumn Leaf Crisp

The comforting crunch of autumn leaves, filled with vibrant harvest hues.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B35F3A#D68F4C#EBC080#8F3E2F#6C3D29

Palette guide

How to use Autumn Leaf Crisp

Overview

The Autumn Leaf Crisp palette evokes the comforting crunch of autumn leaves, filled with vibrant harvest hues. This natural and warm collection offers designers and developers a rich range of browns and oranges, perfect for creating inviting and grounded experiences. Featuring deep #B35F3A, vibrant #D68F4C, soft #EBC080, robust #8F3E2F, and intense #6C3D29, this palette provides versatility. Its smooth transition from deep earthy tones to glowing amber creates a soothing visual flow, ideal for projects that aim to convey warmth, tradition, and the delightful essence of autumnal beauty, perfect for seasonal or rustic themes.

Best used for

  • fall festival branding
  • seasonal food packaging
  • nature-themed websites
  • cozy home decor blogs
  • harvest event invitations
  • outdoor apparel marketing

Suggested color roles

primary

#6C3D29 - A deep, intense chocolate brown, excellent for foundational elements, large headers, or backgrounds that provide strong stability and richness.

secondary

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

accent

#B35F3A - A rich, inviting orange-brown, ideal for calls to action, important highlights, or decorative elements that add a pop of warmth.

background

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

text

#6C3D29 - For primary body text on light backgrounds like #EBC080 or #D68F4C, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

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

Recommended combinations

Crisp Contrast

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

#6C3D29 · #B35F3A · #EBC080

Harvest Gradient

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

#8F3E2F · #B35F3A · #D68F4C

Warm Earth

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

#EBC080 · #6C3D29 · #D68F4C

CSS variables

:root {
  --autumn-leaf-crisp-1: #B35F3A;
  --autumn-leaf-crisp-2: #D68F4C;
  --autumn-leaf-crisp-3: #EBC080;
  --autumn-leaf-crisp-4: #8F3E2F;
  --autumn-leaf-crisp-5: #6C3D29;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-crisp": {
        1: "#B35F3A",
        2: "#D68F4C",
        3: "#EBC080",
        4: "#8F3E2F",
        5: "#6C3D29",
      }
    }
  }
}

Related searches

autumn leaf brown orangecrisp fall colorsharvest warm tonesnatural earthy palettecrunchy leaf aesthetic

Palette colors

Hex values

Color 1#B35F3A
·
Color 2#D68F4C
·
Color 3#EBC080
·
Color 4#8F3E2F
·
Color 5#6C3D29
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.6:1Fail
2:1Fail
2
1.7:1Fail
1.6:1Fail
2.7:1Fail
3.4:1AA18
3
2.7:1Fail
1.6:1Fail
4.3:1AA18
5.3:1AA
4
1.6:1Fail
2.7:1Fail
4.3:1AA18
1.2:1Fail
5
2:1Fail
3.4:1AA18
5.3:1AA
1.2:1Fail

Similar palettes

More like Autumn Leaf Crisp

View all warm