Back to palettes

Palette

Harvest Moon Hearth

Rich, autumnal tones evoking the warmth of a harvest celebration under a golden moon.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest Moon Hearth 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 Harvest Moon Hearth.

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

Data visualization

#CD5C5C#DAA520#B8860B#A0522D#8B4513

Palette guide

How to use Harvest Moon Hearth

Overview

The Harvest Moon Hearth palette evokes the warmth and coziness of a harvest celebration under a golden moon, featuring rich autumnal tones. From the striking #CD5C5C to the deep, earthy #8B4513, this collection offers a vibrant yet grounded feel. Designers can leverage hex codes like #DAA520 and #A0522D to craft inviting branding, festive holiday marketing, or rustic digital experiences. This palette is perfect for projects that aim to convey comfort, tradition, and joyous abundance, blending fiery reds with luminous golds and grounded browns for a truly inviting atmosphere.

Best used for

  • Holiday and festive event branding
  • Cozy cafe and restaurant interiors
  • Family-oriented product packaging
  • Rustic home decor and lifestyle blogs
  • Autumnal fashion lookbooks
  • Vibrant and inviting web design themes

Suggested color roles

primary

Utilize #CD5C5C as a warm, inviting focal red for primary calls to action, prominent headlines, or energetic brand elements.

secondary

Employ #DAA520 for supporting sections, subheadings, or graphic details that require a bright, cheerful golden presence.

accent

Apply #B8860B as a rich, earthy gold accent for interactive states, subtle highlights, or decorative details, adding depth.

background

For a lighter background, a soft cream or off-white would pair beautifully. For a deeper, cozier feel, #8B4513 can serve as a dramatic background.

text

For optimal readability, #8B4513 provides excellent contrast against lighter tones. On darker backgrounds like #8B4513, a crisp white or #DAA520 works perfectly for text.

Accessibility notes

  • Ensure #8B4513 text on #DAA520 or #CD5C5C backgrounds meets WCAG AA contrast for readability.
  • Avoid using #DAA520 text on #B8860B backgrounds due to insufficient contrast, especially for body text.
  • The deep #8B4513 offers excellent contrast for text on any of the warmer, lighter tones.
  • Consider larger font sizes or bolder weights for text in #A0522D on backgrounds like #CD5C5C.

Recommended combinations

Festive Contrast

Creates a vibrant, celebratory contrast, ideal for headlines, calls to action, or festive visual elements.

#CD5C5C · #DAA520 · #B8860B

Earthy Warmth

Excellent for layered UI components, card backgrounds, or subtle gradients that evoke natural, grounding warmth.

#A0522D · #8B4513 · #DAA520

Golden Hearth

Use for cohesive branding elements, layered graphics, or a warm, inviting color block, blending gold and red.

#B8860B · #DAA520 · #CD5C5C

CSS variables

:root {
  --harvest-moon-hearth-1: #CD5C5C;
  --harvest-moon-hearth-2: #DAA520;
  --harvest-moon-hearth-3: #B8860B;
  --harvest-moon-hearth-4: #A0522D;
  --harvest-moon-hearth-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-hearth": {
        1: "#CD5C5C",
        2: "#DAA520",
        3: "#B8860B",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

cozy autumn paletteharvest hearth colorsfestive fall palettewarm rustic tonesred gold brown

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#DAA520
·
Color 3#B8860B
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
2
1.8:1Fail
1.5:1Fail
2.5:1Fail
3.2:1AA18
3
1.2:1Fail
1.5:1Fail
1.7:1Fail
2.2:1Fail
4
1.4:1Fail
2.5:1Fail
1.7:1Fail
1.3:1Fail
5
1.8:1Fail
3.2:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Harvest Moon Hearth

View all warm
Autumn Equinox Rich
Autumn Harvest Berry
Autumn Hearthside Glow
Autumn Spice Blend
Autumn Spice Glow
Autumn Spice Hearth