Palette

Spicy Earth Harvest

A rich blend of autumnal reds and browns, celebrating a bountiful harvest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spicy Earth 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 Spicy Earth Harvest.

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

Data visualization

#B22222#DAA520#A0522D#8B4513#D2691E

Palette guide

How to use Spicy Earth Harvest

Overview

The Spicy Earth Harvest palette embodies the rich, bountiful spirit of autumn with a blend of deep reds, warm golds, and earthy browns. It features the strong Firebrick (#B22222) and vibrant Goldenrod (#DAA520), beautifully complemented by the rustic Sienna (#A0522D), SaddleBrown (#8B4513), and the intense Chocolate (#D2691E). This palette is perfect for designers aiming to evoke warmth, tradition, and the cozy abundance of harvest season. Developers can utilize these robust and harmonious hex codes to create inviting and grounded digital experiences, especially for seasonal or natural themes.

Best used for

Autumnal event invitations or seasonal marketing campaigns
Farm-to-table restaurant branding or food packaging
Home decor websites focusing on rustic or natural elements
Thanksgiving or fall holiday themed graphics
Brand identity for agricultural products or craft breweries
Content related to gardening, nature, or traditional crafts

Suggested color roles

primary

Firebrick (#B22222) – A deep, commanding red, excellent for strong brand statements, main navigation, or impactful headings.

secondary

Goldenrod (#DAA520) – A vibrant, warm gold, suitable for secondary buttons, important highlights, or decorative elements that add richness.

accent

Chocolate (#D2691E) – A deep, spicy orange-brown, ideal for interactive elements, small call-to-actions, or to add a touch of warmth.

background

A soft, neutral cream or very light beige (not in palette, e.g., #FBF8F0) to allow the rich primary colors to stand out.

text

SaddleBrown (#8B4513) or Firebrick (#B22222) for headings, and a dark charcoal/black for body text on light backgrounds.

Accessibility notes

Firebrick (#B22222), SaddleBrown (#8B4513), Sienna (#A0522D), and Chocolate (#D2691E) offer good contrast for text on a very light background.
Goldenrod (#DAA520) may require larger text sizes or bolder weights to meet WCAG AA contrast for small text on light backgrounds.
Avoid pairing similar mid-tones for text and background; ensure sufficient luminance difference.
Always verify contrast ratios for all text and interactive elements against WCAG standards to ensure accessibility.

Recommended combinations

Autumnal Feast

Inviting hero sections, seasonal promotions, or rich branding elements.

#B22222 · #DAA520 · #8B4513

Harvest Spice

Warm, layered backgrounds, product displays, or vibrant UI components.

#D2691E · #A0522D · #DAA520

Earthy Depth

Strong, grounding elements, sophisticated headers, or deep accent panels.

#8B4513 · #B22222 · #D2691E

CSS variables

:root {
  --spicy-earth-harvest-1: #B22222;
  --spicy-earth-harvest-2: #DAA520;
  --spicy-earth-harvest-3: #A0522D;
  --spicy-earth-harvest-4: #8B4513;
  --spicy-earth-harvest-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spicy-earth-harvest": {
        1: "#B22222",
        2: "#DAA520",
        3: "#A0522D",
        4: "#8B4513",
        5: "#D2691E",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#DAA520

Color 3#A0522D

Color 4#8B4513

Color 5#D2691E

Accessibility

Contrast checker

3:1Fail

1.2:1Fail

1.1:1Fail

1.8:1Fail

3:1Fail

2.5:1Fail

3.2:1AA18

1.6:1Fail

1.2:1Fail

2.5:1Fail

1.3:1Fail

1.5:1Fail

1.1:1Fail

3.2:1AA18

1.3:1Fail

2:1Fail

1.8:1Fail

1.6:1Fail

1.5:1Fail

2:1Fail

Similar palettes

More like Spicy Earth Harvest

Rustic Autumn Abundance