Back to palettes

Palette

Deep Woodland Whisper

Muted greens and deep charcoals reveal the hidden, quiet beauty of a dense, shaded woodland.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Woodland Whisper 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 Woodland Whisper.

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

Data visualization

#222E21#344637#475E4D#657A69#88998C

Palette guide

How to use Deep Woodland Whisper

Overview

The Deep Woodland Whisper palette reveals the hidden, quiet beauty of a dense, shaded woodland through its muted greens and deep charcoals. Starting with the profound #222E21 and #344637, it gradually lightens through the earthy #475E4D and #657A69, culminating in the soft, misty #88998C. This dark, mysterious, and natural collection is perfect for designers seeking to evoke tranquility, introspection, and a sophisticated, understated aesthetic. Developers can leverage these hues for eco-conscious branding, nature-themed applications, or serene UI designs that convey a sense of calm, depth, and organic elegance, like a hushed secret.

Best used for

  • Nature documentary websites
  • Sustainable fashion brands
  • Forestry or conservation projects
  • Dark mode UI for reading apps
  • Organic food packaging
  • Mindfulness and meditation content

Suggested color roles

primary

#222E21 - The deepest green-charcoal, ideal for expansive backgrounds or foundational elements, conveying mystery.

secondary

#344637 - A rich, dark muted green, perfect for content panels, headers, or secondary navigational components.

accent

#88998C - A soft, misty green-grey, excellent for interactive elements, subtle highlights, or important text, offering gentle contrast.

background

#475E4D - A balanced mid-tone muted green that serves as a versatile background for content sections, providing a soft, earthy base.

text

#88998C - Recommended for primary text against the darkest shades like #222E21 or #344637 to ensure readability. A light cream or white would offer higher contrast.

Accessibility notes

  • Text in #88998C against #222E21 or #344637 will generally meet WCAG AA contrast standards.
  • Avoid using #657A69 for text on #475E4D, as contrast may be insufficient for smaller font sizes.
  • For critical information, especially in smaller type, consider using pure white or a very light grey for maximum legibility on the deepest backgrounds.
  • Ensure interactive elements using #88998C are clearly distinguishable from adjacent mid-tones like #657A69.

Recommended combinations

Woodland Shadows

To create deep, layered backgrounds or for subtle sectioning in dark, nature-themed designs.

#222E21 · #344637 · #475E4D

Misty Whisper

Highlighting key information or interactive components, with #88998C providing a soft, ethereal focal point.

#344637 · #88998C · #657A69

Quiet Earth

Effective for subtle branding or serene UI elements, offering a harmonious progression of muted greens and greys.

#222E21 · #475E4D · #88998C

CSS variables

:root {
  --deep-woodland-whisper-1: #222E21;
  --deep-woodland-whisper-2: #344637;
  --deep-woodland-whisper-3: #475E4D;
  --deep-woodland-whisper-4: #657A69;
  --deep-woodland-whisper-5: #88998C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-woodland-whisper": {
        1: "#222E21",
        2: "#344637",
        3: "#475E4D",
        4: "#657A69",
        5: "#88998C",
      }
    }
  }
}

Related searches

deep woodland green palettemuted forest colorsdark green UI thememysterious nature brandingquiet earthy tones

Palette colors

Hex values

Color 1#222E21
·
Color 2#344637
·
Color 3#475E4D
·
Color 4#657A69
·
Color 5#88998C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
4.7:1AA
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3.4:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.7:1AA
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Deep Woodland Whisper

View all dark
Dark Forest Undergrowth
Abyssal Trench Mystery
Ancient Forest Depths
Bioluminescent Deep Trench
Cosmic Abyss Echo
Dark Sea Onyx