Back to palettes

Palette

Deep Forest Mystery

A rich, dark green palette conjuring the shadowed depths and secrets of an old-growth forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Mystery 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 Deep Forest Mystery.

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

Data visualization

#0A2A1A#1D472D#3B6D4C#609370#90BD9C

Palette guide

How to use Deep Forest Mystery

Overview

The 'Deep Forest Mystery' palette offers a captivating journey into the shadowed depths of an old-growth forest, utilizing a range of rich, earthy greens. From the profound base of #0A2A1A to the vibrant moss of #90BD9C, this scheme balances deep, grounding tones like #1D472D with more uplifting hues such as #3B6D4C and #609370. This palette is ideal for designers and developers aiming to evoke a sense of nature, serenity, and understated elegance. It's particularly effective for projects that require an organic, mysterious, yet approachable aesthetic, moving beyond typical bright greens to a more sophisticated natural feel.

Best used for

  • Eco-conscious brand identity and packaging
  • Nature-themed websites and mobile applications
  • Wellness and organic product marketing
  • Outdoor adventure and conservation initiatives
  • Environmental graphic design
  • Sustainable fashion and home goods branding

Suggested color roles

primary

#0A2A1A provides a deep, anchoring base, perfect for backgrounds, headers, or foundational elements, establishing immediate depth.

secondary

#1D472D offers a slightly lighter, yet still dark, supportive green, excellent for subheadings or subtle content dividers.

accent

#609370 introduces a more vibrant, engaging green, ideal for call-to-action buttons, icons, or key visual highlights.

background

Utilize #0A2A1A for a truly immersive and calming background experience, or #1D472D for a slightly less intense dark base.

text

Light text, such as white or a very light cream, is essential for readability against the darker greens. For lighter greens like #90BD9C, a dark charcoal or black text is recommended.

Accessibility notes

  • Always test text contrast, especially for #609370 and #90BD9C, ensuring WCAG AA compliance for readability.
  • Use white or very light grey text on #0A2A1A, #1D472D, and #3B6D4C to guarantee sufficient contrast.
  • Consider using a slightly darker shade for borders or separators when using #90BD9C as a background.
  • Ensure interactive elements using lighter greens have a strong visual indicator for focus states against darker backgrounds.

Recommended combinations

Forest Depths

Creates a rich, layered dark green foundation, perfect for immersive backgrounds and primary content areas.

#0A2A1A · #1D472D · #3B6D4C

Verdant Contrast

Combines the deepest green with brighter tones for accenting key information or interactive elements effectively.

#0A2A1A · #609370 · #90BD9C

Subtle Bloom

Offers a softer, more ethereal green combination, suitable for secondary pages, illustrations, or calming visuals.

#1D472D · #3B6D4C · #90BD9C

CSS variables

:root {
  --deep-forest-mystery-1: #0A2A1A;
  --deep-forest-mystery-2: #1D472D;
  --deep-forest-mystery-3: #3B6D4C;
  --deep-forest-mystery-4: #609370;
  --deep-forest-mystery-5: #90BD9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-mystery": {
        1: "#0A2A1A",
        2: "#1D472D",
        3: "#3B6D4C",
        4: "#609370",
        5: "#90BD9C",
      }
    }
  }
}

Related searches

dark forest green palettemysterious nature color schemeearthy green brandingserene woodland designeco-friendly UI colors

Palette colors

Hex values

Color 1#0A2A1A
·
Color 2#1D472D
·
Color 3#3B6D4C
·
Color 4#609370
·
Color 5#90BD9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
4.3:1AA18
7.3:1AAA
2
1.5:1Fail
1.7:1Fail
3:1Fail
5:1AA
3
2.6:1Fail
1.7:1Fail
1.7:1Fail
2.9:1Fail
4
4.3:1AA18
3:1Fail
1.7:1Fail
1.7:1Fail
5
7.3:1AAA
5:1AA
2.9:1Fail
1.7:1Fail

Similar palettes

More like Deep Forest Mystery

View all dark
Dark Forest Lore
Deep Forest Lumina
Deep Forest Twilight
Deep Undergrowth Shadow
Emerald Canopy Depths
Enchanted Evergreen Depth