Back to palettes

Palette

Harvest Moon Gloom

Subtle, dark greens and greys inspired by a shadowed forest under a faint, autumnal 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

#3F4B41#657367#8B978C#B1BCB2#D7E0D8

Palette guide

How to use Harvest Moon Gloom

Overview

The Harvest Moon Gloom palette, with its range of muted greens and greys, evokes the quiet, mysterious ambiance of a shadowed forest under an autumnal moon. From the deep, grounding #3F4B41 to the ethereal lightness of #D7E0D8, these colors offer a sophisticated yet understated natural feel. Designers can use this palette to craft serene digital experiences or branding that speaks to nature, mystery, or introspection. The subtle shifts between #657367 and #8B978C provide ample opportunity for depth and layering, making it suitable for both UI and print applications seeking an organic, muted aesthetic.

Best used for

  • Nature-themed branding and packaging
  • Environmental and conservation websites
  • Mystery novel covers and atmospheric game design
  • Serene meditation apps and wellness platforms
  • Rustic decor and interior design concepts
  • Autumnal event invitations with a subtle mood

Suggested color roles

primary

Utilize #3F4B41 as a deep, anchoring color for main headers, navigation, or strong brand elements, providing a solid foundation.

secondary

Employ #657367 for supporting content areas, subheadings, or background elements that require a slightly lighter, natural presence.

accent

Use #8B978C for subtle accents, hover states, or graphical elements to introduce a soft, understated highlight.

background

Apply #D7E0D8 as a light, airy background color, offering excellent readability for darker text and a fresh, muted canvas.

text

For primary text, #3F4B41 offers strong contrast against #D7E0D8. Alternatively, a crisp white or light grey can be used for text on darker background colors like #3F4B41.

Accessibility notes

  • Ensure #3F4B41 text on #D7E0D8 background meets WCAG AA contrast standards for readability.
  • Be cautious when pairing #8B978C with #B1BCB2 for text, as contrast may be insufficient for smaller fonts.
  • Prioritize using the darkest colors for essential text elements, especially on lighter backgrounds.
  • Consider increased font size or bolding for text using mid-range colors like #657367 on similar tones.

Recommended combinations

Forest Depths

Creates a strong, readable contrast ideal for headlines on clean, muted backgrounds.

#3F4B41 · #D7E0D8 · #657367

Soft Transition

Excellent for layered UI components, card borders, or subtle gradients that evoke depth.

#657367 · #B1BCB2 · #8B978C

Ethereal Highlight

Use for delicate illustrations, ambient background patterns, or light accents against mid-tones.

#8B978C · #D7E0D8 · #657367

CSS variables

:root {
  --harvest-moon-gloom-2-1: #3F4B41;
  --harvest-moon-gloom-2-2: #657367;
  --harvest-moon-gloom-2-3: #8B978C;
  --harvest-moon-gloom-2-4: #B1BCB2;
  --harvest-moon-gloom-2-5: #D7E0D8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-gloom-2": {
        1: "#3F4B41",
        2: "#657367",
        3: "#8B978C",
        4: "#B1BCB2",
        5: "#D7E0D8",
      }
    }
  }
}

Related searches

muted green paletteforest gloom colorsmysterious autumn huesnatural dark green designserene woodland palette

Palette colors

Hex values

Color 1#3F4B41
·
Color 2#657367
·
Color 3#8B978C
·
Color 4#B1BCB2
·
Color 5#D7E0D8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
4.7:1AA
6.8:1AA
2
1.8:1Fail
1.6:1Fail
2.5:1Fail
3.7:1AA18
3
3:1AA18
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
4.7:1AA
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
6.8:1AA
3.7:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Harvest Moon Gloom

View all dark
Shadowed Pine Forest
Ancient Woodland Path
Bayou Witch Gloom
Celestial Deep Blue
Celestial Night Bloom
City After Hours