Back to palettes

Palette

Midnight Forest Trail

Deep, somber greens and grays reflecting the mystery and shadows of a forest at midnight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Forest Trail 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 Midnight Forest Trail.

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

Data visualization

#100C08#2F4F4F#4F4F4F#36454F#006400

Palette guide

How to use Midnight Forest Trail

Overview

The Midnight Forest Trail palette evokes the deep, somber greens and grays of a mysterious forest at midnight. Comprising #100C08, #2F4F4F, #4F4F4F, #36454F, and #006400, this collection is perfect for designs that aim for a classic, sophisticated, and slightly mysterious feel. The rich forest green provides a natural anchor amidst the dark, earthy neutrals. This palette is excellent for creating an immersive atmosphere that feels both grounded and intriguing, suitable for brands that value depth, tradition, and a connection to nature's enigmatic side.

Best used for

  • Heritage and luxury goods branding
  • Nature documentaries and film titles
  • Traditional and classic web designs
  • Sophisticated dark mode applications
  • Environmental and conservation projects
  • Publishing and editorial layouts

Suggested color roles

primary

Utilize #100C08 as the deepest, almost black-brown for foundational backgrounds, large headers, or borders, providing strong gravity.

secondary

Employ #36454F for supporting elements like navigation, secondary panels, or subtle textured backgrounds, offering a charcoal blue-gray depth.

accent

Apply #006400 as a rich, dark forest green accent for key elements, icons, or calls-to-action, adding a touch of natural elegance.

background

Use #100C08 for immersive, dark backgrounds, creating a sense of mystery and depth.

text

On dark backgrounds, white or a very light gray provides excellent contrast. For subtle supporting text, #4F4F4F can be used on a darker tone like #2F4F4F.

Accessibility notes

  • Ensure white or light gray text has sufficient contrast on #100C08, #2F4F4F, and #36454F.
  • Avoid using #4F4F4F for small text on #2F4F4F, as contrast might be insufficient.
  • Verify that #006400 is legible when used for text against other darks; it may require a lighter outline.
  • Use clear visual cues for interactive elements, possibly with a subtle hover effect or lighter text.

Recommended combinations

Deep Woods

Establishes a profound, grounding dark theme, ideal for robust backgrounds and structural components.

#100C08 · #2F4F4F · #36454F

Forest Canopy

Combines a deep base with a rich green highlight, perfect for creating focal points and natural accents.

#100C08 · #006400 · #4F4F4F

Misty Path

Offers a blend of mid-tones with a strong green accent, suitable for content sections or subtle visual hierarchy.

#2F4F4F · #4F4F4F · #006400

CSS variables

:root {
  --midnight-forest-trail-1: #100C08;
  --midnight-forest-trail-2: #2F4F4F;
  --midnight-forest-trail-3: #4F4F4F;
  --midnight-forest-trail-4: #36454F;
  --midnight-forest-trail-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-forest-trail": {
        1: "#100C08",
        2: "#2F4F4F",
        3: "#4F4F4F",
        4: "#36454F",
        5: "#006400",
      }
    }
  }
}

Related searches

classic dark green palettemysterious forest colorsdeep nature designsophisticated dark themeheritage brand green

Palette colors

Hex values

Color 1#100C08
·
Color 2#2F4F4F
·
Color 3#4F4F4F
·
Color 4#36454F
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.4:1Fail
2:1Fail
2.6:1Fail
2
2.2:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
3
2.4:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
4
2:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
5
2.6:1Fail
1.2:1Fail
1.1:1Fail
1.3:1Fail

Similar palettes

More like Midnight Forest Trail

View all dark
Dark Forest Canopy
Deep Forest Murmur
Deep Undergrowth Shadow
Enchanted Forest Veil
Midnight Forest Shade
Murmur Wood Shadow