Back to palettes

Palette

Russet Harvest Flame

The vibrant, fiery hues of autumn leaves, burning with the last warmth of the harvest sun.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Russet Harvest Flame 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 Russet Harvest Flame.

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

Data visualization

#8B0000#B22222#D35400#FF4500#FF8C00

Palette guide

How to use Russet Harvest Flame

Overview

The Russet Harvest Flame palette is a vibrant celebration of autumn's fiery spirit, capturing the intense reds and oranges of peak fall foliage. It features a deep, powerful #8B0000 (Dark Red) alongside the slightly brighter #B22222 (Firebrick), setting a bold foundation. Complementing these are the rich, earthy orange of #D35400 (Pumpkin), the striking intensity of #FF4500 (Orange Red), and the luminous warmth of #FF8C00 (Dark Orange). This energetic palette is perfect for designs that aim to evoke excitement, warmth, and a festive autumnal feel. Designers and developers will find it ideal for creating dynamic visual experiences, brand identities, or marketing materials that demand attention and convey a sense of passion and vibrancy.

Best used for

  • Autumnal event promotions and flyers
  • Food and beverage branding (e.g., pumpkin spice, fall harvest)
  • Vibrant, energetic website headers
  • Seasonal marketing campaigns
  • Children's book illustrations or educational materials
  • Festive holiday decorations and packaging

Suggested color roles

primary

#FF4500 - Use this bold, vivid orange-red for immediate impact in calls-to-action, prominent headlines, or main brand elements.

secondary

#D35400 - A deep, earthy orange that can support the primary, used for subheadings, larger text blocks, or secondary UI elements.

accent

#FF8C00 - This bright, warm orange is perfect for highlighting key information, interactive elements, or adding a playful, energetic touch.

background

#B22222 - A rich, deep red that provides a warm, solid background, especially effective when paired with lighter text.

text

#8B0000 or a very dark brown/charcoal. For lighter backgrounds, use #8B0000 for body text. For darker backgrounds, a crisp white or light cream is essential.

Accessibility notes

  • Ensure high contrast when pairing vibrant colors like #FF4500 or #FF8C00 with text; often, black or very dark text works best.
  • Avoid using #FF4500 and #FF8C00 adjacent to each other for small text or critical information due to potential colorblindness issues.
  • #8B0000 provides a strong, readable base for body text on light or white backgrounds.
  • When using #B22222 as a background, ensure text is white or a light, contrasting color for readability.

Recommended combinations

Fiery Core

Powerful and eye-catching, ideal for hero banners, urgent calls-to-action, or energetic brand statements.

#FF4500 · #D35400 · #8B0000

Harvest Glow

Creates a warm, inviting feel with good contrast, suitable for landing pages, product showcases, or engaging content.

#FF8C00 · #B22222 · #D35400

Deep Ember

For a more grounded yet vibrant look, perfect for headers, footers, or sections needing depth with a punch of color.

#8B0000 · #B22222 · #FF4500

CSS variables

:root {
  --russet-harvest-flame-1: #8B0000;
  --russet-harvest-flame-2: #B22222;
  --russet-harvest-flame-3: #D35400;
  --russet-harvest-flame-4: #FF4500;
  --russet-harvest-flame-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "russet-harvest-flame": {
        1: "#8B0000",
        2: "#B22222",
        3: "#D35400",
        4: "#FF4500",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

fall color trendsvibrant autumn palettefiery orange red colorsenergetic harvest themeseasonal branding palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#D35400
·
Color 4#FF4500
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
2.9:1Fail
4.3:1AA18
2
1.5:1Fail
1.6:1Fail
1.9:1Fail
2.9:1Fail
3
2.4:1Fail
1.6:1Fail
1.2:1Fail
1.8:1Fail
4
2.9:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
5
4.3:1AA18
2.9:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Russet Harvest Flame

View all warm