Palette

Fall Foliage Inferno

Intense reds, oranges, and golden hues recreate the dramatic and vibrant spectacle of fiery autumn leaves in a forest.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fall Foliage Inferno 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 Fall Foliage Inferno.

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

Data visualization

#A52A2A#FF4500#FFA500#E9967A#4A2B0F

Palette guide

How to use Fall Foliage Inferno

Overview

The Fall Foliage Inferno palette captures the dramatic and vibrant spectacle of fiery autumn leaves. It's an intense collection of reds, oranges, and golden hues, featuring a deep brown-red #A52A2A, a vivid red-orange #FF4500, and a bright orange #FFA500. The warm light salmon #E9967A provides a softer counterpoint, while the rich dark brown #4A2B0F anchors the scheme. Designers and developers can leverage this palette to create energetic and bold digital experiences, seasonal branding, or evocative illustrations that celebrate the intense beauty of autumn.

Best used for

Autumn marketing campaigns and promotions
Rustic lodge or cabin branding
Seasonal event decor and posters
Nature photography portfolios
Bold website themes and blog headers
Thanksgiving and harvest festival designs

Suggested color roles

primary

Use #FF4500 (Orange Red) as the main energetic color for calls-to-action, prominent headings, or dynamic accents.

secondary

Employ #FFA500 (Orange) for a vibrant glow, secondary headlines, or to highlight key information with warmth.

accent

Apply #A52A2A (Indian Red) for grounding elements, rich backgrounds, or to introduce depth and a rustic feel.

background

Utilize #E9967A (Light Salmon) as a warm, inviting background, ensuring strong contrast with darker text.

text

For optimal readability, use dark brown or black for text. White or light cream can be used effectively on #A52A2A, #FF4500, and #4A2B0F for headings.

Accessibility notes

Ensure high contrast for text, especially on #E9967A, where dark text is crucial for readability.
The vibrant #FF4500 and #FFA500 may require white or very light text to meet contrast standards, particularly for smaller fonts.
Avoid using similar bright colors for interactive elements without additional visual cues.
Test color combinations like #A52A2A with #4A2B0F for sufficient contrast, as they are both dark.

Recommended combinations

Fiery Sunset

Ideal for vibrant headers, energetic calls-to-action, or gradients that capture a dramatic sunset feel.

#FF4500 · #FFA500 · #E9967A

Deep Forest

Perfect for grounding elements, rich backgrounds, or designs that evoke the depth of an autumn forest.

#A52A2A · #4A2B0F · #E9967A

Autumn Blaze

Effective for bold graphics, impactful designs, or sections requiring strong visual hierarchy and intensity.

#FF4500 · #A52A2A · #4A2B0F

CSS variables

:root {
  --fall-foliage-inferno-1: #A52A2A;
  --fall-foliage-inferno-2: #FF4500;
  --fall-foliage-inferno-3: #FFA500;
  --fall-foliage-inferno-4: #E9967A;
  --fall-foliage-inferno-5: #4A2B0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fall-foliage-inferno": {
        1: "#A52A2A",
        2: "#FF4500",
        3: "#FFA500",
        4: "#E9967A",
        5: "#4A2B0F",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#FF4500

Color 3#FFA500

Color 4#E9967A

Color 5#4A2B0F

Accessibility

Contrast checker

2.1:1Fail

3.6:1AA18

3.1:1AA18

1.8:1Fail

2.1:1Fail

1.7:1Fail

1.5:1Fail

3.7:1AA18

3.6:1AA18

1.7:1Fail

1.2:1Fail

6.5:1AA

3.1:1AA18

1.5:1Fail

1.2:1Fail

5.5:1AA

1.8:1Fail

3.7:1AA18

6.5:1AA

5.5:1AA

Similar palettes

More like Fall Foliage Inferno