Palette

Moonlit Forest Depths

The profound silence of a forest as twilight descends, painted in deep greens and enigmatic blues with faint light.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Forest Depths 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 Moonlit Forest Depths.

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

Data visualization

#0F250F#2E4E2E#4C6F4C#1C2E3A#8A9A7E

Palette guide

How to use Moonlit Forest Depths

Overview

The Moonlit Forest Depths palette captures the profound silence of a forest as twilight descends, painted in deep greens and enigmatic blues with faint light. Featuring the profound #0F250F (deep forest green) and #1C2E3A (dark blue-grey), alongside supporting #2E4E2E (dark green) and #4C6F4C (muted green), this palette is softly illuminated by #8A9A7E (misty green-grey). It's an ideal choice for designers and developers aiming to create immersive, mysterious, and sophisticated digital or print experiences that evoke nature's quiet power and nighttime allure, perfect for storytelling and atmospheric branding.

Best used for

Environmental and conservation initiatives
Fantasy game design and world-building
Gothic or dark academia aesthetic projects
Sophisticated outdoor apparel branding
Immersive digital experiences and VR/AR
Artistic and conceptual photography

Suggested color roles

primary

Use #0F250F as the dominant deep green for backgrounds, large sections, or strong branding elements, conveying natural depth.

secondary

Employ #1C2E3A as a powerful supporting dark blue-grey for contrasting elements, navigation, or text over lighter shades.

accent

Introduce #8A9A7E for subtle highlights, delicate illustrations, or interactive elements, suggesting faint moonlight.

background

The rich #2E4E2E can serve as a primary background, offering a slightly softer dark green canvas that maintains depth.

text

For dark backgrounds like #0F250F or #1C2E3A, #8A9A7E or a clean white ensures optimal readability. For #2E4E2E, #8A9A7E works well.

Accessibility notes

The contrast between #8A9A7E and #0F250F or #1C2E3A is generally good for readability.
Ensure #4C6F4C on #2E4E2E meets WCAG AA standards for body text; adjust font weight or size if needed.
Avoid using #4C6F4C on #8A9A7E for text due to insufficient contrast.
For interactive elements, ensure clear focus states that are distinct from both normal and hover states, potentially using #8A9A7E.

Recommended combinations

Deep Canopy

Ideal for impactful hero sections, balancing deep green with a misty, ethereal highlight.

#0F250F · #8A9A7E · #2E4E2E

Misty Gloom

Perfect for secondary content or atmospheric overlays, evoking a mysterious forest mist.

#1C2E3A · #4C6F4C · #8A9A7E

Forest Floor

Excellent for creating layered, deep compositions that convey the richness of a forest interior.

#0F250F · #2E4E2E · #1C2E3A

CSS variables

:root {
  --moonlit-forest-depths-1: #0F250F;
  --moonlit-forest-depths-2: #2E4E2E;
  --moonlit-forest-depths-3: #4C6F4C;
  --moonlit-forest-depths-4: #1C2E3A;
  --moonlit-forest-depths-5: #8A9A7E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-forest-depths": {
        1: "#0F250F",
        2: "#2E4E2E",
        3: "#4C6F4C",
        4: "#1C2E3A",
        5: "#8A9A7E",
      }
    }
  }
}

Hex values

Color 1#0F250F

Color 2#2E4E2E

Color 3#4C6F4C

Color 4#1C2E3A

Color 5#8A9A7E

Accessibility

Contrast checker

1.7:1Fail

2.9:1Fail

1.2:1Fail

5.4:1AA

1.7:1Fail

1.6:1Fail

1.5:1Fail

3.1:1AA18

2.9:1Fail

1.6:1Fail

2.5:1Fail

1.9:1Fail

1.2:1Fail

1.5:1Fail

2.5:1Fail

4.7:1AA

5.4:1AA

3.1:1AA18

1.9:1Fail

4.7:1AA

Similar palettes

More like Moonlit Forest Depths

View all dark

Dark Forest Undergrowth

Deep Forest Canopy

Deep Undergrowth Shadow

Enchanted Forest Night

Enchanted Twilight Deep

Forbidden Forest Gloom