Palette

Harvest Moon Gold

Deep golds and ambers glow with the rich warmth of a harvest moon, ushering in crisp autumn evenings.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DAA520#CD853F#8B4513#4A2B1E#1A2D3C

Palette guide

How to use Harvest Moon Gold

Overview

The Harvest Moon Gold palette features a rich tapestry of deep golds and ambers, perfectly capturing the warmth of a harvest moon against crisp autumn evenings. From the radiant #DAA520 to the profound, cool depth of #1A2D3C, this collection offers a sophisticated and versatile range. Designers can leverage hex codes like #CD853F and #8B4513 to create luxurious branding, festive holiday designs, or elegant web interfaces. This palette is excellent for projects aiming to convey richness, tradition, and a cozy yet refined atmosphere, with the unique inclusion of a deep blue-grey for dramatic contrast.

Best used for

Upscale autumnal branding and marketing
Luxury packaging and product design
Festive holiday event invitations
Elegant web interfaces and e-commerce sites
Art and craft projects with a rich, natural feel
Interior design concepts with warm and cool balance

Suggested color roles

primary

Utilize #DAA520 as a radiant, attention-grabbing gold for primary calls to action, prominent headlines, or key brand elements.

secondary

Employ #CD853F for supporting sections, subheadings, or background elements that require a warm, earthy presence.

accent

Apply #8B4513 for rich, deep accents, interactive states, or graphic details, providing a grounding warm contrast.

background

For a dramatic dark theme, #1A2D3C makes an excellent background. For a lighter approach, a crisp off-white or light cream would pair well.

text

For optimal readability, #1A2D3C provides strong contrast against lighter golds. On darker backgrounds like #1A2D3C, a crisp white or #DAA520 works perfectly for text.

Accessibility notes

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

Recommended combinations

Dramatic Contrast

Creates a striking visual impact, ideal for bold headlines or calls to action against a deep, sophisticated background.

#1A2D3C · #DAA520 · #CD853F

Warm Earth Blend

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

#CD853F · #8B4513 · #4A2B1E

Refined Accent

Use for highlights, interactive elements, or decorative details that need to pop with a rich, inviting glow.

#DAA520 · #4A2B1E · #CD853F

CSS variables

:root {
  --harvest-moon-gold-1: #DAA520;
  --harvest-moon-gold-2: #CD853F;
  --harvest-moon-gold-3: #8B4513;
  --harvest-moon-gold-4: #4A2B1E;
  --harvest-moon-gold-5: #1A2D3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-gold": {
        1: "#DAA520",
        2: "#CD853F",
        3: "#8B4513",
        4: "#4A2B1E",
        5: "#1A2D3C",
      }
    }
  }
}

Hex values

Color 1#DAA520

Color 2#CD853F

Color 3#8B4513

Color 4#4A2B1E

Color 5#1A2D3C

Accessibility

Contrast checker

1.3:1Fail

3.2:1AA18

5.7:1AA

6.3:1AA

1.3:1Fail

2.4:1Fail

4.2:1AA18

4.7:1AA

3.2:1AA18

2.4:1Fail

1.8:1Fail

2:1Fail

5.7:1AA

4.2:1AA18

1.8:1Fail

1.1:1Fail

6.3:1AA

4.7:1AA

2:1Fail

1.1:1Fail

Similar palettes

More like Harvest Moon Gold

View all warm

Autumn Gourd Blend

Autumn Harvest Berry

Autumn Hearthside Glow

Autumn Leaf Crisp

Autumn Spice Blend

Autumn Spice Hearth