Palette

Autumn Spiced Brew

Warm, inviting tones inspired by fragrant autumn spices and comforting seasonal brews.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B2A0F#A14F1E#D78A2E#EDB45D#F5DCC0

Palette guide

How to use Autumn Spiced Brew

Overview

The Autumn Spiced Brew palette offers warm, inviting tones inspired by fragrant autumn spices and comforting seasonal brews. It features a deep reddish-brown (#6B2A0F) for strong grounding, transitioning through a rich brown-orange (#A14F1E) and a vibrant orange-yellow (#D78A2E). A soft golden yellow (#EDB45D) adds a delicate, creamy highlight, while a very light beige (#F5DCC0) provides an expansive, airy base. 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 #6B2A0F as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

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

accent

Highlight interactive elements or key information with #D78A2E to ensure they pop with energetic appeal.

background

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

text

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

Accessibility notes

Ensure sufficient contrast between #6B2A0F text and #F5DCC0 background for WCAG AA compliance.
Avoid using #D78A2E or #EDB45D for small text on #F5DCC0 backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the brown-orange-yellow spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #A14F1E and #D78A2E.

Recommended combinations

Brew Ground

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

#6B2A0F · #A14F1E · #F5DCC0

Spice Warmth

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

#D78A2E · #EDB45D · #A14F1E

Earthy Cream

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

#F5DCC0 · #6B2A0F · #D78A2E

CSS variables

:root {
  --autumn-spiced-brew-1: #6B2A0F;
  --autumn-spiced-brew-2: #A14F1E;
  --autumn-spiced-brew-3: #D78A2E;
  --autumn-spiced-brew-4: #EDB45D;
  --autumn-spiced-brew-5: #F5DCC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spiced-brew": {
        1: "#6B2A0F",
        2: "#A14F1E",
        3: "#D78A2E",
        4: "#EDB45D",
        5: "#F5DCC0",
      }
    }
  }
}

Hex values

Color 1#6B2A0F

Color 2#A14F1E

Color 3#D78A2E

Color 4#EDB45D

Color 5#F5DCC0

Accessibility

Contrast checker

1.9:1Fail

3.9:1AA18

5.7:1AA

8.1:1AAA

1.9:1Fail

2.1:1Fail

3.1:1AA18

4.3:1AA18

3.9:1AA18

2.1:1Fail

1.5:1Fail

2.1:1Fail

5.7:1AA

3.1:1AA18

1.5:1Fail

1.4:1Fail

8.1:1AAA

4.3:1AA18

2.1:1Fail

1.4:1Fail

Similar palettes

More like Autumn Spiced Brew

Autumn Spiced Brew

See it in context.

Ready when you are.

Built with Autumn Spiced Brew.

How to use Autumn Spiced Brew

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Brew Ground

Spice Warmth

Earthy Cream

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Spiced Brew