Back to palettes

Palette

Harvest Moon

Captures the golden glow of an autumn harvest under a benevolent moon, rich in warmth and earthy tones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#D2B48C#DAA520#CD853F#8B4513

Palette guide

How to use Harvest Moon

Overview

The Harvest Moon palette evokes the golden glow of an autumn evening, rich in warmth and earthy sophistication. This collection of five harmonious colors, including the inviting #CD853F (Peru), the deep #8B4513 (Saddle Brown), and the luminous #DAA520 (Goldenrod), offers designers a versatile foundation for creating cozy and grounded aesthetics. The lighter #D2B48C (Tan) provides a gentle base, while #B8860B (Goldenrod) adds a touch of classic autumnal richness. Ideal for projects seeking a natural, comforting, and subtly luxurious feel, this palette captures the essence of a bountiful harvest under a benevolent moon.

Best used for

  • Rustic branding and logos
  • Autumnal event invitations
  • Cozy web and app themes
  • Natural product packaging
  • Traditional illustrations and art
  • Seasonal home decor websites

Suggested color roles

primary

Use #CD853F (Peru) as a warm, inviting main brand color, setting a welcoming and grounded tone.

secondary

Apply #B8860B (Goldenrod) to complement the primary, adding richness and a classic autumnal feel to supporting elements.

accent

Utilize #DAA520 (Goldenrod) for bright highlights, calls to action, or details that require a luminous pop.

background

Employ #D2B48C (Tan) as a soft, earthy, and neutral background color, ensuring readability and a gentle aesthetic.

text

Choose #8B4513 (Saddle Brown) for body text and headings, offering excellent contrast and a natural, grounded feel, or a deep charcoal for general readability.

Accessibility notes

  • Ensure sufficient contrast when using #8B4513 or a dark charcoal text on the #D2B48C background for optimal readability.
  • Avoid pairing #DAA520 or #B8860B text directly on #CD853F without careful contrast checking, especially for small font sizes.
  • For interactive elements, maintain a contrast ratio of at least 3:1 for graphical objects and UI components.
  • Prioritize dark text on light backgrounds for critical information to ensure legibility across all user groups.

Recommended combinations

Earthy Glow

Ideal for warm, inviting headers or hero sections where a harmonious blend of light and mid-tones is desired.

#CD853F · #DAA520 · #D2B48C

Rustic Depth

Perfect for strong branding elements, footers, or sections requiring a sense of tradition and deep, rich warmth.

#8B4513 · #B8860B · #CD853F

Soft Warmth

Use for background elements, subtle textures, or supporting graphics that need a gentle yet warm presence.

#D2B48C · #B8860B · #CD853F

CSS variables

:root {
  --harvest-moon-1: #B8860B;
  --harvest-moon-2: #D2B48C;
  --harvest-moon-3: #DAA520;
  --harvest-moon-4: #CD853F;
  --harvest-moon-5: #8B4513;
}

Tailwind config

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

Related searches

autumn color schemesearthy palette designswarm fall colorsrustic branding colorscozy natural palettes

Palette colors

Hex values

Color 1#B8860B
·
Color 2#D2B48C
·
Color 3#DAA520
·
Color 4#CD853F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.5:1Fail
1.1:1Fail
2.2:1Fail
2
1.7:1Fail
1.1:1Fail
1.5:1Fail
3.6:1AA18
3
1.5:1Fail
1.1:1Fail
1.3:1Fail
3.2:1AA18
4
1.1:1Fail
1.5:1Fail
1.3:1Fail
2.4:1Fail
5
2.2:1Fail
3.6:1AA18
3.2:1AA18
2.4:1Fail

Similar palettes

More like Harvest Moon

View all earth