Back to palettes

Palette

Autumn Hearth Comfort

Rich, inviting hues that capture the cozy warmth of an autumn hearth.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#D2691E#F4A460#8B4513#CD853F

Palette guide

How to use Autumn Hearth Comfort

Overview

The Autumn Hearth Comfort palette delivers rich, inviting hues that capture the cozy warmth of an autumn hearth. This calm and warm collection offers designers and developers a sophisticated range of earthy browns and oranges, perfect for creating comforting and welcoming digital or physical spaces. Featuring deep #A0522D, vibrant #D2691E, soft #F4A460, robust #8B4513, and warm #CD853F, this palette provides versatility. Its harmonious blend of tones ensures a gentle visual flow, ideal for projects that aim for a sense of grounded tranquility, traditional elegance, or autumnal coziness, evoking a spiced, inviting atmosphere.

Best used for

  • cozy lifestyle blogs
  • fireplace product catalogs
  • rustic wedding invitations
  • fall-themed social media graphics
  • interior design mood boards
  • packaging for warm beverages

Suggested color roles

primary

#A0522D - A deep, inviting sienna, excellent for foundational elements, large headers, or backgrounds that establish warmth and stability.

secondary

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

accent

#D2691E - A vibrant burnt orange, ideal for calls to action, important highlights, or decorative elements that add a pop of energy.

background

#F4A460 - A soft, warm orange-gold, provides a gentle and welcoming backdrop, ensuring good readability for darker text.

text

#A0522D - For primary body text on light backgrounds like #F4A460, offering excellent readability and maintaining the palette's warm, earthy tone.

Accessibility notes

  • Ensure #A0522D or #8B4513 text on #F4A460 backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #D2691E or #CD853F for small text directly on #F4A460 due to potential low contrast.
  • For critical information, use the darkest colors (#A0522D, #8B4513) for text against the lightest background (#F4A460).
  • Consider white or a near-white for text on #A0522D, #8B4513, or #D2691E to maximize contrast.

Recommended combinations

Hearthside Warmth

Creates a dynamic yet comforting gradient, perfect for hero sections or visual storytelling.

#A0522D · #D2691E · #F4A460

Spiced Elegance

Ideal for a grounded, sophisticated look, with a strong base, a warm accent, and a gentle background.

#8B4513 · #CD853F · #F4A460

Rustic Depth

Offers a rich, layered effect, excellent for textured backgrounds or deep, impactful design elements.

#A0522D · #8B4513 · #D2691E

CSS variables

:root {
  --autumn-hearth-comfort-1: #A0522D;
  --autumn-hearth-comfort-2: #D2691E;
  --autumn-hearth-comfort-3: #F4A460;
  --autumn-hearth-comfort-4: #8B4513;
  --autumn-hearth-comfort-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-hearth-comfort": {
        1: "#A0522D",
        2: "#D2691E",
        3: "#F4A460",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Related searches

cozy autumn colorshearth inspired palettewarm spice tonesrustic comfort colorssienna orange palette

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2691E
·
Color 3#F4A460
·
Color 4#8B4513
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
1.3:1Fail
1.9:1Fail
2
1.5:1Fail
1.8:1Fail
2:1Fail
1.2:1Fail
3
2.8:1Fail
1.8:1Fail
3.5:1AA18
1.5:1Fail
4
1.3:1Fail
2:1Fail
3.5:1AA18
2.4:1Fail
5
1.9:1Fail
1.2:1Fail
1.5:1Fail
2.4:1Fail

Similar palettes

More like Autumn Hearth Comfort

View all warm
Cinnamon Toast Cozy
Clove Spice Hearth
Cozy Ember Embrace
Spiced Chai Comfort
Spiced Chai Comfort
Spiced Chai Steam