Palette

Crimson Leaf Harvest

Captures the fiery intensity and rich depth of autumnal leaves basking in the golden glow of the setting sun.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Leaf Harvest 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 Crimson Leaf Harvest.

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

Data visualization

#961E1A#D6382F#FF8000#E0AD6D#5A1412

Palette guide

How to use Crimson Leaf Harvest

Overview

The "Crimson Leaf Harvest" palette captures the fiery intensity and rich depth of autumnal leaves basking in the golden glow of the setting sun. This vibrant and rustic collection features a deep #961E1A (Dark Maroon), a bold #D6382F (Crimson Red), a bright #FF8000 (Vivid Orange), a warm #E0AD6D (Muted Gold), and a profound #5A1412 (Dark Brown). Designers can leverage this palette to create lively, inviting, and grounded aesthetics, perfect for evoking the spirit of fall. Its strong contrasts and earthy undertones provide versatility for dynamic and harmonious designs. Developers will find these hex codes ideal for seasonal marketing, nature-inspired websites, or any design requiring a rich, warm, and authentic autumnal appeal.

Best used for

Autumnal marketing campaigns
Fall festival branding
Rustic home decor websites
Nature-themed photography portfolios
Food and beverage packaging (seasonal)
Outdoor adventure gear branding

Suggested color roles

primary

Use #961E1A (Dark Maroon) for main headings, strong brand elements, or deep background sections, establishing a rich, earthy foundation.

secondary

Apply #D6382F (Crimson Red) for supporting content, subheadings, or borders, providing a vibrant, energetic tone.

accent

Feature #FF8000 (Vivid Orange) for bright highlights, interactive elements, or calls to action, drawing immediate attention.

background

Utilize #E0AD6D (Muted Gold) for clean content areas or as a soft, inviting background, ensuring excellent readability with dark text.

text

For dark backgrounds like #961E1A, #D6382F, or #5A1412, use white or a very light off-white. For lighter backgrounds like #FF8000 or #E0AD6D, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF8000 (Vivid Orange) and #E0AD6D (Muted Gold); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #961E1A (Dark Maroon), #D6382F (Crimson Red), and #5A1412 (Dark Brown) for optimal legibility.
Avoid using #FF8000 (Vivid Orange) as a background for extensive body text; it's best for accents or large, high-contrast headings.
Test all color combinations against WCAG 2.1 AA standards, especially for interactive elements, as vibrant colors can sometimes be challenging.

Recommended combinations

Fiery Foliage

Creating dynamic headers or calls to action, combining dark maroon with crimson red and a vivid orange for a strong visual impact.

#961E1A · #D6382F · #FF8000

Harvest Glow

Designing warm and inviting content sections, using muted gold with crimson red and dark brown for an earthy, rich feel.

#E0AD6D · #D6382F · #5A1412

Rustic Contrast

Highlighting key information, using dark brown for grounding, vivid orange for emphasis, and dark maroon for support.

#5A1412 · #FF8000 · #961E1A

CSS variables

:root {
  --crimson-leaf-harvest-1: #961E1A;
  --crimson-leaf-harvest-2: #D6382F;
  --crimson-leaf-harvest-3: #FF8000;
  --crimson-leaf-harvest-4: #E0AD6D;
  --crimson-leaf-harvest-5: #5A1412;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-leaf-harvest": {
        1: "#961E1A",
        2: "#D6382F",
        3: "#FF8000",
        4: "#E0AD6D",
        5: "#5A1412",
      }
    }
  }
}

Hex values

Color 1#961E1A

Color 2#D6382F

Color 3#FF8000

Color 4#E0AD6D

Color 5#5A1412

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

4.2:1AA18

1.6:1Fail

1.8:1Fail

1.9:1Fail

2.3:1Fail

2.9:1Fail

3.3:1AA18

1.9:1Fail

1.2:1Fail

5.4:1AA

4.2:1AA18

2.3:1Fail

1.2:1Fail

6.7:1AA

1.6:1Fail

2.9:1Fail

5.4:1AA

6.7:1AA

Similar palettes

More like Crimson Leaf Harvest

View all warm

Crisp Autumn Foliage

Autumn Leaf Crunch

Autumn Rustling Leaves

Fall Foliage Inferno

Fall Leaf Brilliance

Russet Harvest Flame