Back to palettes

Palette

Harvest Moon Gloom

Eerie greens and deep forest shades under the pallor of a 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

#C5D6C5#8BB47D#4B7C50#2F5F38#1A3D20

Palette guide

How to use Harvest Moon Gloom

Overview

The Harvest Moon Gloom palette presents a striking collection of eerie greens and deep forest shades, invoking the mysterious atmosphere of an autumnal night. From the vibrant yet subdued #C5D6C5 to the profound depth of #1A3D20, these colors offer a unique blend of natural and mystical. Designers can leverage hex codes like #4B7C50 and #2F5F38 to build compelling outdoor-themed branding, fantasy game interfaces, or environmental campaigns. This palette is perfect for projects that aim to convey a sense of adventure, natural beauty, or an intriguing, shadowy allure, moving beyond typical greens.

Best used for

  • Eco-friendly product packaging and branding
  • Outdoor adventure and exploration websites
  • Fantasy game environments and UI
  • Nature documentaries and educational content
  • Calming and restorative digital interfaces
  • Autumnal event branding with a mysterious twist

Suggested color roles

primary

Utilize #1A3D20 as a powerful, deep anchor for primary elements, offering a strong, grounding presence in any design.

secondary

Employ #4B7C50 for major content blocks, navigation, or graphic elements that require a rich, natural green.

accent

Apply #8BB47D as a subtle, fresh accent for interactive elements, highlights, or decorative details, adding a touch of vibrancy.

background

Use #C5D6C5 as a light, ethereal background, providing ample contrast for darker text and a sense of openness.

text

For primary text on lighter backgrounds, #1A3D20 provides excellent readability. For text on darker shades like #1A3D20, a crisp white or a very light grey offers optimal contrast.

Accessibility notes

  • Ensure #1A3D20 text on #C5D6C5 background meets WCAG AA contrast for essential readability.
  • Be cautious when using #8BB47D for text on #C5D6C5, as contrast may be insufficient for accessibility.
  • Prioritize the darkest color, #1A3D20, for crucial text elements on lighter tones within the palette.
  • Consider larger font sizes or bolder weights for text using mid-range greens like #4B7C50 on similar backgrounds.

Recommended combinations

Deep Forest Contrast

Creates a strong, natural contrast ideal for headlines and calls to action against a light, airy background.

#1A3D20 · #C5D6C5 · #8BB47D

Vibrant Layers

Excellent for layering UI elements or creating subtle visual interest with harmonious green tones.

#4B7C50 · #8BB47D · #2F5F38

Mystic Glow

Use for atmospheric background textures, subtle gradients, or decorative elements that evoke a gentle, eerie glow.

#2F5F38 · #C5D6C5 · #8BB47D

CSS variables

:root {
  --harvest-moon-gloom-1: #C5D6C5;
  --harvest-moon-gloom-2: #8BB47D;
  --harvest-moon-gloom-3: #4B7C50;
  --harvest-moon-gloom-4: #2F5F38;
  --harvest-moon-gloom-5: #1A3D20;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-moon-gloom": {
        1: "#C5D6C5",
        2: "#8BB47D",
        3: "#4B7C50",
        4: "#2F5F38",
        5: "#1A3D20",
      }
    }
  }
}

Related searches

deep forest green paletteeerie green colorsharvest moon greennatural dark greenwoodland adventure palette

Palette colors

Hex values

Color 1#C5D6C5
·
Color 2#8BB47D
·
Color 3#4B7C50
·
Color 4#2F5F38
·
Color 5#1A3D20
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
4.9:1AA
8:1AAA
2
1.5:1Fail
2.1:1Fail
3.2:1AA18
5.2:1AA
3
3.2:1AA18
2.1:1Fail
1.5:1Fail
2.5:1Fail
4
4.9:1AA
3.2:1AA18
1.5:1Fail
1.6:1Fail
5
8:1AAA
5.2:1AA
2.5:1Fail
1.6:1Fail

Similar palettes

More like Harvest Moon Gloom

View all dark
Harvest Moon Gloom
Ancient Cypress Shade
Ancient Forest Depths
Ancient Tomb Emerald
Ancient Tome Hues
Ancient Woodland Path