Back to palettes

Palette

Autumn Leaf Rustle

The rich, shifting hues of autumn leaves as they gently rustle in a cool breeze.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#FF4500#FF8C00#DAA520#BDB76B

Palette guide

How to use Autumn Leaf Rustle

Overview

The Autumn Leaf Rustle palette captures the rich, shifting hues of autumn leaves as they gently rustle in a cool breeze. This natural and warm collection offers designers and developers a dynamic spectrum of reds, oranges, golds, and a touch of muted green, perfect for creating lively and grounded experiences. Featuring bold #8B0000, fiery #FF4500, luminous #FF8C00, golden #DAA520, and soft #BDB76B, this palette provides versatility. Its energetic progression from deep red to soft gold creates a captivating visual flow, ideal for projects that aim to convey seasonal vibrancy, natural beauty, or the gentle abundance of fall, perfect for outdoor or festive themes.

Best used for

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

Suggested color roles

primary

#8B0000 - A strong, deep red, excellent for foundational elements, large headers, or backgrounds that establish richness and natural stability.

secondary

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

accent

#BDB76B - A soft, muted olive green, provides a crucial natural contrast, ideal for icons, subtle decorative elements, or to represent growth.

background

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

text

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

Accessibility notes

  • Ensure #8B0000 or #FF4500 text on #DAA520 backgrounds meets WCAG AA contrast standards.
  • Avoid using #FF8C00 for small text directly on #DAA520 due to potential low contrast.
  • The green #BDB76B provides good contrast against #DAA520, suitable for text or interactive elements.
  • Consider white or a very light cream for text on #8B0000, #FF4500, or #FF8C00 for maximum readability.

Recommended combinations

Rustling Fire

Creates a dynamic, high-energy contrast, perfect for prominent calls to action or seasonal promotions.

#8B0000 · #FF4500 · #DAA520

Golden Breeze

Ideal for a warm, earthy gradient with a luminous pop, suitable for backgrounds or layered content.

#FF8C00 · #DAA520 · #BDB76B

Autumnal Ground

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

#DAA520 · #8B0000 · #FF4500

CSS variables

:root {
  --autumn-leaf-rustle-2-1: #8B0000;
  --autumn-leaf-rustle-2-2: #FF4500;
  --autumn-leaf-rustle-2-3: #FF8C00;
  --autumn-leaf-rustle-2-4: #DAA520;
  --autumn-leaf-rustle-2-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-rustle-2": {
        1: "#8B0000",
        2: "#FF4500",
        3: "#FF8C00",
        4: "#DAA520",
        5: "#BDB76B",
      }
    }
  }
}

Related searches

autumn leaf red orangefall rustle colorswarm nature palettevibrant seasonal greengolden forest aesthetic

Palette colors

Hex values

Color 1#8B0000
·
Color 2#FF4500
·
Color 3#FF8C00
·
Color 4#DAA520
·
Color 5#BDB76B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
4.3:1AA18
4.5:1AA18
4.8:1AA
2
2.9:1Fail
1.5:1Fail
1.5:1Fail
1.7:1Fail
3
4.3:1AA18
1.5:1Fail
1:1Fail
1.1:1Fail
4
4.5:1AA18
1.5:1Fail
1:1Fail
1.1:1Fail
5
4.8:1AA
1.7:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Autumn Leaf Rustle

View all warm
Autumn Leaf Rustle
Autumn Cider
Autumn Cider
Autumn Cider Spill
Autumn Foliage Ember
Autumn Leaf Canopy