Palette

Spiced Autumn Air

Warm oranges and deep browns blend like the comforting aroma of spices carried on a crisp autumn breeze.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9C4B1F#C77B3C#E69C6F#7A3915#5E290F

Palette guide

How to use Spiced Autumn Air

Overview

The Spiced Autumn Air palette is a deep and comforting collection of warm oranges and rich browns, perfectly embodying the cozy aroma of spices carried on a crisp fall breeze. It features a medium burnt orange (#9C4B1F), a lighter caramel orange (#C77B3C), a soft peach (#E69C6F), a deep chocolate brown (#7A3915), and an even darker espresso brown (#5E290F). This palette is ideal for designers looking to create a natural, grounded, and inviting aesthetic. The diverse range of brown and orange tones allows for rich layering and depth, while the overall warmth provides a comforting and authentic feel, suitable for a myriad of design projects.

Best used for

Luxury coffee or tea branding
Rustic lodge or cabin interior design
Gourmet food product packaging
High-end autumn fashion campaigns
Traditional craft and artisan websites
Nature-inspired photography backdrops

Suggested color roles

primary

The deep chocolate brown (#7A3915) serves as an excellent primary color for strong branding, conveying sophistication and warmth.

secondary

The medium burnt orange (#9C4B1F) is great for secondary headings, important links, or to add a subtle pop of color.

accent

The lighter caramel orange (#C77B3C) can be used for highlights, interactive elements, or to create a gentle, inviting glow.

background

The soft peach (#E69C6F) provides a warm, inviting background that offers good contrast for the darker browns, making content highly readable.

text

The darkest espresso brown (#5E290F) offers exceptional contrast against #E69C6F, making it perfect for body text, headlines, and critical information. A very light cream or white could also be used for text on darker backgrounds like #7A3915.

Accessibility notes

Ensure #5E290F text on #E69C6F background meets WCAG AAA contrast ratio.
Avoid using #C77B3C or #E69C6F for small text on similar mid-tone backgrounds, as contrast may be low.
Verify contrast for interactive elements, especially when using the lighter orange tones on darker browns.
For maximum readability on dark backgrounds like #5E290F, use a pure white or very light cream text.

Recommended combinations

Grounded Warmth

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

#E69C6F · #7A3915 · #9C4B1F

Spiced Glow

Great for highlighting key features, call-to-action buttons, or adding depth to graphical elements.

#9C4B1F · #C77B3C · #5E290F

Deep Comfort

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

#5E290F · #E69C6F · #7A3915

CSS variables

:root {
  --spiced-autumn-air-1: #9C4B1F;
  --spiced-autumn-air-2: #C77B3C;
  --spiced-autumn-air-3: #E69C6F;
  --spiced-autumn-air-4: #7A3915;
  --spiced-autumn-air-5: #5E290F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-autumn-air": {
        1: "#9C4B1F",
        2: "#C77B3C",
        3: "#E69C6F",
        4: "#7A3915",
        5: "#5E290F",
      }
    }
  }
}

Hex values

Color 1#9C4B1F

Color 2#C77B3C

Color 3#E69C6F

Color 4#7A3915

Color 5#5E290F

Accessibility

Contrast checker

1.8:1Fail

2.7:1Fail

1.4:1Fail

1.9:1Fail

1.8:1Fail

1.5:1Fail

2.6:1Fail

3.5:1AA18

2.7:1Fail

1.5:1Fail

3.9:1AA18

5.2:1AA

1.4:1Fail

2.6:1Fail

3.9:1AA18

1.3:1Fail

1.9:1Fail

3.5:1AA18

5.2:1AA

1.3:1Fail

Similar palettes

More like Spiced Autumn Air

View all warm

Autumn Cider Festival

Gingerbread Spice Blend