Back to palettes

Palette

Harvest Moon Gloom

Somber browns and deep greys reflecting the muted light and melancholy of an autumn harvest moon.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A3D2B#7A684F#A38F7A#2B1D14#6B5C4A

Palette guide

How to use Harvest Moon Gloom

Overview

The Harvest Moon Gloom palette features a rich array of somber browns and deep greys, perfectly capturing the muted, earthy melancholy of an autumn harvest moon. With tones ranging from the profound depth of #2B1D14 to the softer, faded #A38F7A, this collection offers a vintage, grounded feel. Designers can leverage these hex codes, such as #4A3D2B and #7A684F, to create robust branding, rustic web interfaces, or atmospheric print materials. It's an excellent choice for projects seeking a sense of heritage, warmth, and understated sophistication, drawing inspiration from natural, aged elements.

Best used for

  • Heritage brand identity and packaging
  • Rustic and vintage-themed web designs
  • Coffee shop and artisanal food branding
  • Autumnal and seasonal event promotions
  • Cozy interior design concepts
  • Dark mode themes with an earthy feel

Suggested color roles

primary

Designate #2B1D14 as the core, deepest color for strong headers, navigation, or background elements that demand a powerful, grounding presence.

secondary

Use #4A3D2B for supporting panels, subheadings, or important content blocks, providing a rich, dark brown complement.

accent

Apply #7A684F for subtle accents, interactive elements, or graphic details, offering a warm, mid-tone highlight.

background

Employ #A38F7A as a soft, inviting background, creating a warm canvas that still allows for good text contrast.

text

For optimal readability, use #2B1D14 for primary text on lighter backgrounds like #A38F7A. A crisp white or very light cream works best for text on darker shades such as #2B1D14.

Accessibility notes

  • Ensure #2B1D14 text on #A38F7A background meets WCAG AA standards for essential readability.
  • Avoid using #7A684F text on #6B5C4A backgrounds due to insufficient contrast, especially for body copy.
  • Prioritize the darkest color, #2B1D14, for crucial text elements on lighter tones within the palette.
  • Consider increasing font size or weight when using mid-range browns for headings or important information.

Recommended combinations

Deep Earth Contrast

Provides robust contrast for clear headings and calls to action against a soft, warm background.

#2B1D14 · #A38F7A · #4A3D2B

Rustic Layering

Ideal for creating depth in UI elements like cards or layered sections, maintaining a cohesive, earthy feel.

#4A3D2B · #6B5C4A · #7A684F

Warm Accent

Effective for subtle highlights, interactive states, or decorative elements that need to pop gently from the background.

#7A684F · #A38F7A · #2B1D14

CSS variables

:root {
  --harvest-moon-gloom-3-1: #4A3D2B;
  --harvest-moon-gloom-3-2: #7A684F;
  --harvest-moon-gloom-3-3: #A38F7A;
  --harvest-moon-gloom-3-4: #2B1D14;
  --harvest-moon-gloom-3-5: #6B5C4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-gloom-3": {
        1: "#4A3D2B",
        2: "#7A684F",
        3: "#A38F7A",
        4: "#2B1D14",
        5: "#6B5C4A",
      }
    }
  }
}

Related searches

somber brown paletterustic autumn colorsvintage dark brownearthy heritage palettemelancholic moon colors

Palette colors

Hex values

Color 1#4A3D2B
·
Color 2#7A684F
·
Color 3#A38F7A
·
Color 4#2B1D14
·
Color 5#6B5C4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
1.5:1Fail
1.6:1Fail
2
2:1Fail
1.7:1Fail
3:1AA18
1.2:1Fail
3
3.4:1AA18
1.7:1Fail
5.3:1AA
2.1:1Fail
4
1.5:1Fail
3:1AA18
5.3:1AA
2.5:1Fail
5
1.6:1Fail
1.2:1Fail
2.1:1Fail
2.5:1Fail

Similar palettes

More like Harvest Moon Gloom

View all dark
Dark Academia Realm
Gothic Study Relic
Harvest Moon Gloom
Moody Urban Graphite
Mystic Moor
Volcanic Ash Bloom