Back to palettes

Palette

Autumn Spice Brew

Warm, inviting tones of a fragrant autumn brew, perfect for a cozy afternoon.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Spice Brew 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 Autumn Spice Brew.

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

Data visualization

#8B4513#D2B48C#F5DEB3#CD853F#A0522D

Palette guide

How to use Autumn Spice Brew

Overview

The Autumn Spice Brew palette offers warm, inviting tones of a fragrant autumn brew, perfect for a cozy afternoon. It features a deep saddle brown (#8B4513) and a light tan (#D2B48C), providing rich depth. A soft wheat (#F5DEB3) offers a delicate, creamy highlight, while a warm peru (#CD853F) adds a comforting glow. A deep russet (#A0522D) provides essential grounding. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and coffee shop branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Coffee shop and cafe branding
  • Seasonal beverage marketing
  • Autumnal website and blog themes
  • Recipe blogs and cooking apps
  • Digital illustrations of drinks
  • Cozy home decor mockups

Suggested color roles

primary

Utilize #8B4513 as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #CD853F for secondary headings or important content blocks, adding a warm and inviting brown-orange hue.

accent

Highlight interactive elements or key information with #D2B48C to provide a soft, yet noticeable accent.

background

A light, expansive background of #F5DEB3 creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #A0522D or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #A0522D text and #F5DEB3 background for WCAG AA compliance.
  • Avoid using #D2B48C or #CD853F for small text on #F5DEB3 backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the brown-beige spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #D2B48C and #CD853F.

Recommended combinations

Brew Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#A0522D · #8B4513 · #F5DEB3

Warm Glow

Ideal for inviting content blocks, subtle gradients, or graphic elements that evoke warm drinks.

#CD853F · #D2B48C · #8B4513

Earthy Cream

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#F5DEB3 · #A0522D · #CD853F

CSS variables

:root {
  --autumn-spice-brew-1: #8B4513;
  --autumn-spice-brew-2: #D2B48C;
  --autumn-spice-brew-3: #F5DEB3;
  --autumn-spice-brew-4: #CD853F;
  --autumn-spice-brew-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spice-brew": {
        1: "#8B4513",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#CD853F",
        5: "#A0522D",
      }
    }
  }
}

Related searches

autumn spice color palettecozy brew schemewarm brown beige hexseasonal drink designnatural comfort colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2B48C
·
Color 3#F5DEB3
·
Color 4#CD853F
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.6:1AA18
5.4:1AA
2.4:1Fail
1.3:1Fail
2
3.6:1AA18
1.5:1Fail
1.5:1Fail
2.8:1Fail
3
5.4:1AA
1.5:1Fail
2.3:1Fail
4.3:1AA18
4
2.4:1Fail
1.5:1Fail
2.3:1Fail
1.9:1Fail
5
1.3:1Fail
2.8:1Fail
4.3:1AA18
1.9:1Fail

Similar palettes

More like Autumn Spice Brew

View all warm
Cinnamon Hearth Glow
Spiced Chai Steam
Spiced Cinnamon Brew
Autumn Hearth Comfort
Cinnamon Toast Cozy
Clove Spice Hearth