Palette

Maple Leaf Blaze

Captures the breathtaking, fiery transformation of maple leaves as autumn reaches its glorious peak.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Maple Leaf Blaze 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 Maple Leaf Blaze.

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

Data visualization

#CD5C5C#FF4500#DAA520#B22222#8B0000

Palette guide

How to use Maple Leaf Blaze

Overview

The Maple Leaf Blaze palette captures the breathtaking, fiery transformation of autumn maple leaves, offering a vibrant and energetic color scheme. This collection features a brilliant orange (#FF4500) alongside deep, commanding reds like #B22222 and #8B0000. A softer, yet striking red (#CD5C5C) provides balance, while a touch of golden yellow (#DAA520) adds the sparkle of sunlight on foliage. Designers and developers can utilize this palette to inject warmth, passion, and natural beauty into projects, making it superb for seasonal campaigns, outdoor brands, or any design needing a bold, natural statement.

Best used for

Autumn-themed marketing campaigns and promotions
Outdoor adventure and nature-focused brands
Event branding for fall festivals or harvest events
Website designs with a warm, energetic aesthetic
Seasonal product packaging or editorial layouts
Apparel and textile designs inspired by fall colors

Suggested color roles

primary

Use #FF4500 (Orange Red) for dominant calls-to-action, hero elements, or brand logos to convey immediate energy and warmth.

secondary

Employ #B22222 (Firebrick) for supporting content, section headers, or secondary navigational elements, providing depth and strength.

accent

Apply #DAA520 (Goldenrod) sparingly for highlights, interactive states, or small decorative touches to add a pop of brightness.

background

Utilize #CD5C5C (Indian Red) for large background areas or cards, offering a warm, inviting base that is less intense than the darker reds.

text

Choose #8B0000 (Dark Red) for primary text content, ensuring high contrast and legibility, especially against lighter shades like #CD5C5C or #DAA520.

Accessibility notes

Ensure #8B0000 text on #CD5C5C or #DAA520 backgrounds meets WCAG contrast standards.
Avoid using #DAA520 for small text on #CD5C5C as contrast may be insufficient.
When using #FF4500 for text, ensure it's on a very dark background like #8B0000 or #B22222 for readability.
Consider increasing font size or weight for any text rendered in lighter reds or orange to improve legibility.

Recommended combinations

Fiery Foliage

Strong, energetic combination for headlines, main banners, or bold brand statements.

#FF4500 · #B22222 · #CD5C5C

Golden Ember

Excellent for accents, call-out boxes, or designs needing a touch of warmth with strong text contrast.

#DAA520 · #8B0000 · #CD5C5C

Deep Autumn

Powerful and rich, suitable for luxury autumn branding, impactful UI elements, or striking photography overlays.

#B22222 · #8B0000 · #FF4500

CSS variables

:root {
  --maple-leaf-blaze-1: #CD5C5C;
  --maple-leaf-blaze-2: #FF4500;
  --maple-leaf-blaze-3: #DAA520;
  --maple-leaf-blaze-4: #B22222;
  --maple-leaf-blaze-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "maple-leaf-blaze": {
        1: "#CD5C5C",
        2: "#FF4500",
        3: "#DAA520",
        4: "#B22222",
        5: "#8B0000",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#FF4500

Color 3#DAA520

Color 4#B22222

Color 5#8B0000

Accessibility

Contrast checker

1.2:1Fail

1.8:1Fail

1.7:1Fail

2.5:1Fail

1.2:1Fail

1.5:1Fail

1.9:1Fail

2.9:1Fail

1.8:1Fail

1.5:1Fail

3:1Fail

4.5:1AA18

1.7:1Fail

1.9:1Fail

3:1Fail

1.5:1Fail

2.5:1Fail

2.9:1Fail

4.5:1AA18

1.5:1Fail

Similar palettes

More like Maple Leaf Blaze

Maple Leaf Blaze

See it in context.

Ready when you are.

Built with Maple Leaf Blaze.

How to use Maple Leaf Blaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fiery Foliage

Golden Ember

Deep Autumn

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Maple Leaf Blaze