Back to palettes

Palette

Autumn Harvest Spices

A comforting blend of warm browns, oranges, and creamy beiges, reminiscent of spiced autumnal drinks.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Harvest Spices 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 Harvest Spices.

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

Data visualization

#8B4513#CD853F#D2B48C#FFDAB9#A0522D

Palette guide

How to use Autumn Harvest Spices

Overview

The Autumn Harvest Spices palette is a comforting blend of warm browns, oranges, and creamy beiges, reminiscent of spiced autumnal drinks and cozy moments. This natural collection provides designers and developers with a harmonious array of earthy tones for creating inviting and grounded experiences. Featuring rich #8B4513, warm #CD853F, soft #D2B48C, light #FFDAB9, and deep #A0522D, this palette offers versatility. Its gentle progression from dark to light creates a soothing visual flow, ideal for projects that aim to convey warmth, tradition, and a sense of comforting familiarity, perfect for seasonal or rustic themes.

Best used for

  • cozy home decor websites
  • bakery or coffee shop branding
  • fall fashion layouts
  • recipe blogs and apps
  • artisanal craft packaging
  • nature-themed digital art

Suggested color roles

primary

#8B4513 - A deep, robust brown, excellent for foundational elements, large text, or backgrounds that need to convey stability and richness.

secondary

#A0522D - A warm, earthy brown with a hint of red, perfect for supporting content, navigation, or as a strong contrasting element.

accent

#CD853F - A inviting medium orange-brown, ideal for calls to action, highlighted information, or subtle decorative touches that draw the eye.

background

#FFDAB9 - A very light, creamy peach, provides a soft, warm, and highly readable backdrop for most text and UI elements.

text

#8B4513 - Optimal for body text on light backgrounds like #FFDAB9 or #D2B48C, ensuring excellent readability and a consistent warm tone.

Accessibility notes

  • Ensure #8B4513 or #A0522D text on #FFDAB9 or #D2B48C backgrounds meets WCAG AA contrast standards.
  • Avoid using #CD853F for small text on #D2B48C or #FFDAB9 backgrounds, as contrast may be insufficient.
  • The lighter colors like #D2B48C and #FFDAB9 should not be used for text against each other.
  • For headings and larger text, all dark colors (#8B4513, #A0522D) provide good contrast against #FFDAB9.

Recommended combinations

Spiced Comfort

Creates a balanced, inviting look, with a strong dark base, a warm accent, and a soft, readable background.

#8B4513 · #CD853F · #FFDAB9

Earthy Warmth

Excellent for conveying a natural, comforting feel, ideal for lifestyle or artisan product displays.

#A0522D · #D2B48C · #FFDAB9

Gentle Contrast

Useful for layered elements where a subtle transition from warm orange to light beige is desired, with a strong text anchor.

#CD853F · #D2B48C · #8B4513

CSS variables

:root {
  --autumn-harvest-spices-1: #8B4513;
  --autumn-harvest-spices-2: #CD853F;
  --autumn-harvest-spices-3: #D2B48C;
  --autumn-harvest-spices-4: #FFDAB9;
  --autumn-harvest-spices-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-harvest-spices": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#FFDAB9",
        5: "#A0522D",
      }
    }
  }
}

Related searches

comforting autumn palettespice color schemebrown orange beige colorscozy fall brandingnatural warm tones

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Autumn Harvest Spices

View all warm
Cinnamon Hearth
Autumn Chai Warmth
Autumn Cider Spice
Autumn Forest Canopy
Autumn Gourd Blend
Autumn Hearth Spice