Back to palettes

Palette

Autumn Hearth Spice

Invokes the comforting warmth of a crackling fireplace and aromatic spices on a crisp autumn evening.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8E9C9#DDA77D#B36B3C#8B3E19#6C2A0A

Palette guide

How to use Autumn Hearth Spice

Overview

The Autumn Hearth Spice palette invokes the comforting warmth of a crackling fireplace and aromatic spices on a crisp autumn evening. This natural collection offers designers and developers a rich gradient of warm browns and inviting oranges, perfect for creating cozy and grounded experiences. Featuring bright #F8E9C9, warm #DDA77D, robust #B36B3C, deep #8B3E19, and intense #6C2A0A, this palette provides versatility. Its smooth transition from light cream to deep chocolate brown 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 branding
  • fall-themed recipe websites
  • artisanal food packaging
  • rustic cafe interiors
  • seasonal event invitations
  • warm photography backdrops

Suggested color roles

primary

#6C2A0A - A deep, intense chocolate brown, excellent for foundational elements, large headers, or backgrounds that provide strong stability and richness.

secondary

#8B3E19 - A robust, warm brown, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#B36B3C - A rich, inviting spice orange-brown, ideal for calls to action, important highlights, or decorative elements that add a pop of warmth.

background

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

text

#6C2A0A - For primary body text on light backgrounds like #F8E9C9 or #DDA77D, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #6C2A0A or #8B3E19 text on #F8E9C9 or #DDA77D backgrounds meets WCAG AA contrast standards.
  • Avoid using #B36B3C or #DDA77D for small text directly on #F8E9C9 due to potential low contrast.
  • For critical information, use the darkest colors (#6C2A0A, #8B3E19) for text against the lightest background (#F8E9C9).
  • White or a very light cream provides excellent contrast for text on #6C2A0A, #8B3E19, and #B36B3C.

Recommended combinations

Spiced Hearth

Creates a rich, comforting contrast, perfect for strong branding or prominent calls to action.

#6C2A0A · #B36B3C · #F8E9C9

Warm Gradient

Ideal for smooth transitions in backgrounds, layered elements, or visual storytelling.

#8B3E19 · #B36B3C · #DDA77D

Cozy Contrast

Provides a clean, readable layout with a strong dark text option and a soft, warm accent.

#F8E9C9 · #6C2A0A · #DDA77D

CSS variables

:root {
  --autumn-hearth-spice-1: #F8E9C9;
  --autumn-hearth-spice-2: #DDA77D;
  --autumn-hearth-spice-3: #B36B3C;
  --autumn-hearth-spice-4: #8B3E19;
  --autumn-hearth-spice-5: #6C2A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-hearth-spice": {
        1: "#F8E9C9",
        2: "#DDA77D",
        3: "#B36B3C",
        4: "#8B3E19",
        5: "#6C2A0A",
      }
    }
  }
}

Related searches

cozy autumn spice colorsfireplace brown palettewarm earthy tonesnatural fall brandingcomforting coffee colors

Palette colors

Hex values

Color 1#F8E9C9
·
Color 2#DDA77D
·
Color 3#B36B3C
·
Color 4#8B3E19
·
Color 5#6C2A0A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.4:1AA18
6.2:1AA
8.9:1AAA
2
1.8:1Fail
1.9:1Fail
3.5:1AA18
5:1AA
3
3.4:1AA18
1.9:1Fail
1.8:1Fail
2.6:1Fail
4
6.2:1AA
3.5:1AA18
1.8:1Fail
1.4:1Fail
5
8.9:1AAA
5:1AA
2.6:1Fail
1.4:1Fail

Similar palettes

More like Autumn Hearth Spice

View all warm
Autumn Chai Warmth
Autumn Spice Blend
Autumn Spice Hearth
Cinnamon Bark Spice
Cinnamon Hearth
Cinnamon Stick Brew