Back to palettes

Palette

Earthen Spice Bake

Earthy reds and warm oranges evoking the spirit of a bountiful harvest and sun-baked clay.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Spice Bake 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 Earthen Spice Bake.

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

Data visualization

#B22222#CD5C5C#DAA520#D2691E#F4A460

Palette guide

How to use Earthen Spice Bake

Overview

The Earthen Spice Bake palette is a vibrant and warm collection of earthy reds, rich oranges, and a golden accent, evoking the spirit of a bountiful harvest and sun-baked clay. Featuring the bold #B22222 (Firebrick) and the energetic #D2691E (Chocolate), complemented by the bright #F4A460 (Sandy Brown) and #DAA520 (Goldenrod), this palette is full of life. Designers can leverage these colors to create designs that feel cozy, inviting, and full of natural warmth, perfect for seasonal campaigns, food-related branding, or rustic design themes that exude comfort.

Best used for

  • Autumnal marketing campaigns
  • Rustic bakery and cafe branding
  • Harvest festival promotions
  • Cozy blog and editorial themes
  • Spice and gourmet food packaging
  • Farm-to-table restaurant branding

Suggested color roles

primary

#B22222 (Firebrick) serves as a strong, warm red for impactful headings, branding, and calls to action.

secondary

#D2691E (Chocolate) offers a rich, inviting orange-brown for content blocks, subheadings, and supporting UI elements.

accent

#DAA520 (Goldenrod) provides a bright, golden accent for key highlights, interactive elements, or vibrant details.

background

#F4A460 (Sandy Brown) creates a lighter, warm background that allows darker colors to pop and enhances readability.

text

Use #B22222 or a very dark brown/charcoal on #F4A460 for optimal readability across various text elements.

Accessibility notes

  • Both #B22222 and #D2691E on #F4A460 provide good contrast for text, meeting WCAG AA standards.
  • Be cautious with #CD5C5C for small text on #F4A460 due to potential low contrast; prefer for larger headings or accents.
  • Ensure sufficient contrast for interactive elements, especially if using similar warm tones, to maintain usability.
  • Consider using a darker neutral (like charcoal) for general body text if legibility is a primary concern across all elements.

Recommended combinations

Spiced Warmth

Create energetic and warm combinations for highlights, calls to action, or vibrant graphic elements.

#B22222 · #D2691E · #F4A460

Harvest Glow

Apply bright accents with warm mid-tones for a layered and inviting visual experience.

#DAA520 · #CD5C5C · #D2691E

Rustic Comfort

Design with a light background, a strong primary, and a soft secondary for a cozy and inviting layout.

#F4A460 · #B22222 · #CD5C5C

CSS variables

:root {
  --earthen-spice-bake-1: #B22222;
  --earthen-spice-bake-2: #CD5C5C;
  --earthen-spice-bake-3: #DAA520;
  --earthen-spice-bake-4: #D2691E;
  --earthen-spice-bake-5: #F4A460;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-spice-bake": {
        1: "#B22222",
        2: "#CD5C5C",
        3: "#DAA520",
        4: "#D2691E",
        5: "#F4A460",
      }
    }
  }
}

Related searches

autumnal color paletterustic spice colorswarm harvest schemeterracotta orange redcozy food branding

Palette colors

Hex values

Color 1#B22222
·
Color 2#CD5C5C
·
Color 3#DAA520
·
Color 4#D2691E
·
Color 5#F4A460
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
1.8:1Fail
3.3:1AA18
2
1.7:1Fail
1.8:1Fail
1.1:1Fail
2:1Fail
3
3:1Fail
1.8:1Fail
1.6:1Fail
1.1:1Fail
4
1.8:1Fail
1.1:1Fail
1.6:1Fail
1.8:1Fail
5
3.3:1AA18
2:1Fail
1.1:1Fail
1.8:1Fail

Similar palettes

More like Earthen Spice Bake

View all warm