Back to palettes

Palette

Spiced Autumn Comfort

Captures the comforting warmth and rich hues of autumn spices and falling leaves.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B87333#CC5500#A04000#7C2D0E#D2B48C

Palette guide

How to use Spiced Autumn Comfort

Overview

The Spiced Autumn Comfort palette is a warm and robust collection of rich browns and deep oranges, embodying the comforting essence of autumn spices and falling leaves. This palette features a metallic bronze (#B87333), a vibrant burnt orange (#CC5500), a deep dark orange (#A04000), a rich reddish-brown (#7C2D0E), and a light tan (#D2B48C). Designers will find this palette excellent for creating grounded, inviting, and authentic visuals. The range from vibrant to deep offers versatility for creating depth and focus, while the overall warmth contributes to a cozy and approachable feel. It's a superb choice for projects seeking a natural, rustic, and comforting ambiance.

Best used for

  • Autumn-themed home decor branding
  • Craft brewery or distillery labels
  • Seasonal food and drink promotions
  • Outdoor adventure gear branding
  • Cozy cafe or bakery websites
  • Harvest festival event graphics

Suggested color roles

primary

The deep dark orange (#A04000) makes a strong primary color for headings or key brand elements, conveying richness and stability.

secondary

The vibrant burnt orange (#CC5500) is excellent for secondary calls to action, interactive elements, or to add an energetic pop.

accent

The metallic bronze (#B87333) can be used for sophisticated accents, subtle borders, or to add a touch of warmth and elegance.

background

The light tan (#D2B48C) provides a warm, clean, and highly readable background that complements the deeper tones beautifully.

text

The rich reddish-brown (#7C2D0E) offers excellent contrast against #D2B48C, making it ideal for body text and headings. A dark charcoal or black could also be used for maximum readability.

Accessibility notes

  • Ensure #7C2D0E text on #D2B48C background meets WCAG AA or AAA contrast standards.
  • Avoid using #CC5500 or #B87333 for small text on similar mid-tone backgrounds, as contrast may be low.
  • Verify contrast for all interactive elements, especially when using the brighter orange tones.
  • Use the lighter #D2B48C primarily for backgrounds or large graphical elements rather than small text.

Recommended combinations

Harvest Core

Ideal for main content areas, offering high readability with a deep, comforting, and natural aesthetic.

#D2B48C · #7C2D0E · #A04000

Spiced Energy

Great for highlighting key features, call-to-action buttons, or adding a vibrant, energetic feel to designs.

#CC5500 · #B87333 · #A04000

Earthy Depth

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

#7C2D0E · #D2B48C · #CC5500

CSS variables

:root {
  --spiced-autumn-comfort-1: #B87333;
  --spiced-autumn-comfort-2: #CC5500;
  --spiced-autumn-comfort-3: #A04000;
  --spiced-autumn-comfort-4: #7C2D0E;
  --spiced-autumn-comfort-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-autumn-comfort": {
        1: "#B87333",
        2: "#CC5500",
        3: "#A04000",
        4: "#7C2D0E",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

autumn spice color palettecozy earthy brand colorswarm harvest designrustic comfort palettedeep orange brown scheme

Palette colors

Hex values

Color 1#B87333
·
Color 2#CC5500
·
Color 3#A04000
·
Color 4#7C2D0E
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
2.5:1Fail
1.9:1Fail
2
1.1:1Fail
1.5:1Fail
2.2:1Fail
2.2:1Fail
3
1.7:1Fail
1.5:1Fail
1.4:1Fail
3.3:1AA18
4
2.5:1Fail
2.2:1Fail
1.4:1Fail
4.8:1AA
5
1.9:1Fail
2.2:1Fail
3.3:1AA18
4.8:1AA

Similar palettes

More like Spiced Autumn Comfort

View all warm
Spiced Orchard Warmth
Autumn Pumpkin Patch
Autumn Spice Hearth
Autumn Spice Hearth
Autumn Spiced Brew
Autumn Spiced Pumpkin