Back to palettes

Palette

Spiced Autumn Equinox

A rich and comforting palette celebrating the vibrant flavors and hues of autumn spices.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Autumn Equinox 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 Spiced Autumn Equinox.

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

Data visualization

#D2691E#8B4513#DAA520#B22222#228B22

Palette guide

How to use Spiced Autumn Equinox

Overview

The Spiced Autumn Equinox palette offers a rich and comforting blend of warm, earthy tones, celebrating the vibrant flavors and hues of autumn spices. It features a warm burnt orange (#D2691E), a deep chocolate brown (#8B4513), a cheerful golden yellow (#DAA520), a bold brick red (#B22222), and a surprising deep forest green (#228B22). This unique combination allows designers to create visually striking and grounded designs, perfect for projects seeking to evoke tradition, nature, and comfort. The inclusion of green adds an unexpected yet harmonious natural element, making this palette versatile for both rustic and slightly more vibrant applications.

Best used for

  • Farm-to-table restaurant branding
  • Sustainable and eco-friendly product packaging
  • Autumnal outdoor event promotions
  • Nature-themed educational materials
  • Spiced food and beverage product lines
  • Rustic and bohemian interior design concepts

Suggested color roles

primary

The deep chocolate brown (#8B4513) serves as an excellent primary color for strong branding, conveying stability and natural elegance.

secondary

The warm burnt orange (#D2691E) is great for secondary headings, important links, or to add an inviting, energetic touch.

accent

The cheerful golden yellow (#DAA520) can be used for highlights, interactive elements, or to bring a bright, optimistic pop.

background

A very light cream or off-white, not present in the palette, would provide optimal contrast. Alternatively, the golden yellow (#DAA520) could serve as a warmer background with dark text.

text

The deep forest green (#228B22) or brick red (#B22222) offers excellent readability against light backgrounds. For darker backgrounds, a clean white or very light cream text would be suitable.

Accessibility notes

  • Ensure #228B22 text on #DAA520 background meets WCAG AA or AAA contrast standards.
  • Avoid placing #D2691E text on #DAA520 for small text due to potential low contrast.
  • Verify contrast for all interactive elements, especially when using the brighter orange and yellow tones.
  • For maximum readability on dark colors like #8B4513, use a pure white or very light cream text.

Recommended combinations

Earthy Harvest

Ideal for main content areas, offering readability with a rich, inviting, and natural aesthetic.

#DAA520 · #8B4513 · #D2691E

Forest Spice

Great for showcasing natural ingredients, environmental themes, or adding a unique, vibrant twist.

#228B22 · #B22222 · #DAA520

Grounded Warmth

Excellent for footers, sophisticated backgrounds, or strong branding elements where depth and authenticity are desired.

#8B4513 · #D2691E · #228B22

CSS variables

:root {
  --spiced-autumn-equinox-1: #D2691E;
  --spiced-autumn-equinox-2: #8B4513;
  --spiced-autumn-equinox-3: #DAA520;
  --spiced-autumn-equinox-4: #B22222;
  --spiced-autumn-equinox-5: #228B22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-autumn-equinox": {
        1: "#D2691E",
        2: "#8B4513",
        3: "#DAA520",
        4: "#B22222",
        5: "#228B22",
      }
    }
  }
}

Related searches

autumn spice color paletterustic fall green orangeearthy comfort designequinox nature palettewarm natural brand colors

Palette colors

Hex values

Color 1#D2691E
·
Color 2#8B4513
·
Color 3#DAA520
·
Color 4#B22222
·
Color 5#228B22
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.6:1Fail
1.8:1Fail
1.2:1Fail
2
2:1Fail
3.2:1AA18
1.1:1Fail
1.6:1Fail
3
1.6:1Fail
3.2:1AA18
3:1Fail
2:1Fail
4
1.8:1Fail
1.1:1Fail
3:1Fail
1.5:1Fail
5
1.2:1Fail
1.6:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Spiced Autumn Equinox

View all warm