Back to palettes

Palette

Murmur Wood Shadow

Deep, rich greens and muted earth tones portray the cool, shadowed depths beneath a dense forest canopy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Murmur Wood Shadow 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 Murmur Wood Shadow.

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

Data visualization

#0A1C16#2C3E33#4E604F#70826B#92A48C

Palette guide

How to use Murmur Wood Shadow

Overview

The Murmur Wood Shadow palette captures the profound quiet and cool depths of a dense forest, offering a sophisticated range of dark, muted greens. From the deepest #0A1C16 to the rich #2C3E33, the balanced #4E604F, the gentle #70826B, and the softest #92A48C, these colors are perfect for creating serene and elegant designs. Designers and developers will find this palette invaluable for projects requiring a natural, understated, yet deeply atmospheric aesthetic. It's ideal for conveying a sense of calm, ecological awareness, or subtle luxury in digital interfaces, branding, or editorial layouts.

Best used for

  • Eco-friendly and sustainable brand identities
  • Nature-inspired web and app interfaces
  • High-end organic product packaging
  • Editorial design with a natural feel
  • Tranquil meditation or wellness app themes
  • Backgrounds for nature photography

Suggested color roles

primary

Use #0A1C16 as a deep, anchoring base color for backgrounds, large headers, or elements that require a strong, grounding presence.

secondary

Employ #2C3E33 to add richness and visual interest, suitable for panels, secondary sections, or prominent UI components.

accent

Apply #92A48C as a soft, muted highlight for subtle details, icons, or gentle calls to action, providing a breath of freshness.

background

A dark, immersive background like #0A1C16 creates a sophisticated and calming canvas, allowing lighter elements to stand out with understated elegance.

text

For excellent contrast and readability, use #92A48C or a light, desaturated off-white (e.g., #F0F0E8) for primary text on darker palette colors.

Accessibility notes

  • Ensure sufficient contrast for all text, especially when using mid-tones like #4E604F on similar backgrounds.
  • The lightest color, #92A48C, is crucial for text and interactive elements on the darkest backgrounds.
  • Avoid using the darker shades for small text on other dark shades without careful contrast checking.
  • Regularly check WCAG contrast ratios to ensure readability for users with varying visual abilities across the entire palette.

Recommended combinations

Forest Depths

Creates a strong, grounding base with a soft, ethereal highlight, ideal for sophisticated content blocks.

#0A1C16 · #2C3E33 · #92A48C

Canopy Layers

A smooth, harmonious transition of greens, perfect for gradients, layered backgrounds, or subtle visual hierarchy.

#2C3E33 · #4E604F · #70826B

Shadowed Path

Combines deep shadow with gentle highlights, suitable for conveying depth and tranquility in UI elements.

#0A1C16 · #70826B · #92A48C

CSS variables

:root {
  --murmur-wood-shadow-1: #0A1C16;
  --murmur-wood-shadow-2: #2C3E33;
  --murmur-wood-shadow-3: #4E604F;
  --murmur-wood-shadow-4: #70826B;
  --murmur-wood-shadow-5: #92A48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "murmur-wood-shadow": {
        1: "#0A1C16",
        2: "#2C3E33",
        3: "#4E604F",
        4: "#70826B",
        5: "#92A48C",
      }
    }
  }
}

Related searches

forest green palettedark nature colorsmystical wood shadesserene green designmuted earth tones

Palette colors

Hex values

Color 1#0A1C16
·
Color 2#2C3E33
·
Color 3#4E604F
·
Color 4#70826B
·
Color 5#92A48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
4.3:1AA18
6.6:1AA
2
1.5:1Fail
1.7:1Fail
2.8:1Fail
4.3:1AA18
3
2.6:1Fail
1.7:1Fail
1.6:1Fail
2.5:1Fail
4
4.3:1AA18
2.8:1Fail
1.6:1Fail
1.6:1Fail
5
6.6:1AA
4.3:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Murmur Wood Shadow

View all dark