Back to palettes

Palette

Autumn Spice Blend

The comforting and aromatic blend of spices found in a cozy autumn kitchen, warm and inviting.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#D2691E#8B4513#CD853F#5F9EA0

Palette guide

How to use Autumn Spice Blend

Overview

The Autumn Spice Blend palette captures the comforting and aromatic blend of spices found in a cozy autumn kitchen, radiating warmth and invitation. It features a deep brown-red (#A52A2A) and a vibrant chocolate orange (#D2691E), evoking rich spices. A deep saddle brown (#8B4513) provides grounding, while a warm peru (#CD853F) adds a comforting glow. An unexpected, muted teal (#5F9EA0) offers a refreshing contrast, creating a balanced and intriguing mix. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and a unique, inviting aesthetic. From seasonal marketing and artisanal branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Gourmet food and beverage branding
  • Autumnal event invitations
  • Rustic chic e-commerce websites
  • Cozy cafe or restaurant branding
  • Digital illustrations with earthy tones
  • Seasonal home decor mockups

Suggested color roles

primary

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

secondary

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

accent

Highlight interactive elements or key information with #CD853F to ensure they pop with energetic, golden appeal.

background

A light, neutral cream or beige background allows the richness of these colors to truly shine.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and lighter backgrounds (e.g., cream) for WCAG AA compliance.
  • Avoid using #D2691E or #CD853F for small text on similarly bright backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the red-orange-teal spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #D2691E and #CD853F.

Recommended combinations

Spice Ground

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

#8B4513 · #A52A2A · #CD853F

Warm Contrast

Ideal for energetic calls-to-action, unique banners, or graphic elements that demand attention with a fresh twist.

#D2691E · #5F9EA0 · #A52A2A

Earthy Glow

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

#CD853F · #8B4513 · #5F9EA0

CSS variables

:root {
  --autumn-spice-blend-2-1: #A52A2A;
  --autumn-spice-blend-2-2: #D2691E;
  --autumn-spice-blend-2-3: #8B4513;
  --autumn-spice-blend-2-4: #CD853F;
  --autumn-spice-blend-2-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spice-blend-2": {
        1: "#A52A2A",
        2: "#D2691E",
        3: "#8B4513",
        4: "#CD853F",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

autumn spice color schemecozy harvest paletteorange brown teal hexwarm earthy designnatural autumn blend

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#D2691E
·
Color 3#8B4513
·
Color 4#CD853F
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1:1Fail
2.4:1Fail
2.3:1Fail
2
1.9:1Fail
2:1Fail
1.2:1Fail
1.2:1Fail
3
1:1Fail
2:1Fail
2.4:1Fail
2.3:1Fail
4
2.4:1Fail
1.2:1Fail
2.4:1Fail
1:1Fail
5
2.3:1Fail
1.2:1Fail
2.3:1Fail
1:1Fail

Similar palettes

More like Autumn Spice Blend

View all warm
Autumn Harvest Berry
Autumn Hearthside Glow
Autumn Spice Hearth
Autumn Spiced Brew
Harvest Moon Hearth
Harvest Spice Bloom