Back to palettes

Palette

Autumn Rustling Leaves

A vibrant and rich palette capturing the brilliant reds, oranges, and browns of autumn foliage.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Rustling Leaves 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 Rustling Leaves.

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

Data visualization

#8B0000#FF4500#FF8C00#D2691E#A0522D

Palette guide

How to use Autumn Rustling Leaves

Overview

The Autumn Rustling Leaves palette is a vibrant and rich collection, capturing the brilliant reds, oranges, and browns of autumn foliage. It features a deep dark red (#8B0000) for a strong foundation, intensifying through a fiery orange-red (#FF4500) to a bright pure orange (#FF8C00). A rich chocolate orange (#D2691E) adds depth, while a deep russet (#A0522D) provides earthy grounding. This palette is exceptionally useful for designers and developers aiming to create energetic, natural, and inviting digital or print experiences. From dynamic website banners and engaging marketing campaigns to rustic brand identities and expressive illustrations, these hex codes offer a comprehensive range to capture the breathtaking beauty and warmth of fall.

Best used for

  • Vibrant seasonal marketing campaigns
  • Nature-inspired website themes
  • Dynamic digital advertisements
  • Rustic brand identity and logos
  • Autumn-themed event promotions
  • Digital art and landscape illustrations

Suggested color roles

primary

Utilize #8B0000 as a commanding primary color for brand logos or key calls-to-action, signifying passion and depth.

secondary

Employ #FF4500 for secondary headings or important sub-sections, offering a vibrant, energetic tone.

accent

Highlight interactive elements or critical information with #FF8C00 to draw immediate attention with a warm glow.

background

A light, creamy off-white background allows the richness of #8B0000 and #FF4500 to stand out prominently.

text

For optimal readability, use #A0522D for body text on lighter backgrounds, or a crisp white on darker tones.

Accessibility notes

  • Ensure sufficient contrast between #A0522D text and lighter backgrounds (e.g., cream) for WCAG AA compliance.
  • Avoid using #FF4500 or #FF8C00 for small text on similarly bright backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially within the red-orange spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #FF4500 and #FF8C00.

Recommended combinations

Deep Earth

Creates a strong, grounded base with a vibrant, contrasting highlight, excellent for footers or bold headers.

#A0522D · #8B0000 · #FF8C00

Fiery Dynamics

Ideal for impactful calls-to-action or vibrant graphic elements that need to stand out boldly.

#FF4500 · #FF8C00 · #D2691E

Warm Gradient

Perfect for subtle background gradients or decorative elements that require a smooth, warm transition.

#D2691E · #A0522D · #FF4500

CSS variables

:root {
  --autumn-rustling-leaves-1: #8B0000;
  --autumn-rustling-leaves-2: #FF4500;
  --autumn-rustling-leaves-3: #FF8C00;
  --autumn-rustling-leaves-4: #D2691E;
  --autumn-rustling-leaves-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-rustling-leaves": {
        1: "#8B0000",
        2: "#FF4500",
        3: "#FF8C00",
        4: "#D2691E",
        5: "#A0522D",
      }
    }
  }
}

Related searches

autumn leaves color palettefall foliage huesred orange brown hexenergetic seasonal designvibrant nature color scheme

Palette colors

Hex values

Color 1#8B0000
·
Color 2#FF4500
·
Color 3#FF8C00
·
Color 4#D2691E
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
4.3:1AA18
2.8:1Fail
1.8:1Fail
2
2.9:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
3
4.3:1AA18
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
2.8:1Fail
1.1:1Fail
1.6:1Fail
1.5:1Fail
5
1.8:1Fail
1.6:1Fail
2.4:1Fail
1.5:1Fail

Similar palettes

More like Autumn Rustling Leaves

View all warm
Fall Leaf Brilliance
Russet Harvest Flame
Amber Harvest Glow
Autumn Foliage Ember
Autumn Harvest Lantern
Autumn Leaf Crunch