Back to palettes

Palette

Mystic Woodland Shroud

Deep, mysterious greens that capture the shadows and dappled light beneath a dense, magical forest canopy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Woodland Shroud 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 Mystic Woodland Shroud.

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

Data visualization

#0A2A22#1B4F3B#3A6E48#5A8E68#7AB088

Palette guide

How to use Mystic Woodland Shroud

Overview

The Mystic Woodland Shroud palette features deep, mysterious greens that capture the shadows and dappled light beneath a dense, magical forest canopy. Ranging from the profound #0A2A22 to the softer #7AB088, this palette is excellent for evoking a sense of depth, enchantment, and subtle drama. Designers and developers can utilize the rich contrast between the darkest #1B4F3B and the atmospheric #5A8E68 to create immersive and sophisticated interfaces. The versatile #3A6E48 serves as a strong mid-tone, enhancing the overall mysterious yet inviting mood. The complete set of #0A2A22, #1B4F3B, #3A6E48, #5A8E68, and #7AB088 is perfect for projects that require a dark, luxurious, and nature-inspired aesthetic.

Best used for

  • Dark mode UI themes and application designs
  • Fantasy game environments and character design
  • Luxury brand websites with a nature focus
  • Theatrical set design concepts and mood boards
  • Mysterious book covers and editorial layouts
  • High-end eco-conscious product branding

Suggested color roles

primary

Designate #0A2A22 as the deepest, anchoring forest green for backgrounds, large sections, or robust brand elements.

secondary

Use #1B4F3B as a rich, dark mid-tone green for supporting panels, secondary navigation, or deep textures.

accent

Apply #5A8E68 as a brighter, atmospheric highlight for interactive states, calls-to-action, or illuminated elements.

background

Employ #3A6E48 as a versatile, deep green background for main content areas, providing a rich base.

text

For optimal readability, use #7AB088 or a light white/near-white for text on #0A2A22 or #1B4F3B backgrounds.

Accessibility notes

  • Ensure #7AB088 provides good contrast on #0A2A22 or #1B4F3B for body text, meeting WCAG AA standards.
  • Check that #5A8E68 has sufficient contrast when used on #3A6E48 for larger headings and important UI elements.
  • Avoid using #3A6E48 as text on #1B4F3B due to low contrast, which can hinder readability.
  • For small UI elements, ensure a contrast ratio of at least 3:1 with adjacent colors to maintain usability.

Recommended combinations

Deep Canopy

Creates strong dark mode themes with legible highlights, conveying depth and sophistication.

#0A2A22 · #1B4F3B · #7AB088

Shrouded Light

Builds layered depth with subtle illumination, ideal for atmospheric graphics.

#3A6E48 · #5A8E68 · #1B4F3B

Mystic Glow

Highlights bright accents against a dark, rich background, perfect for focal points.

#7AB088 · #5A8E68 · #0A2A22

CSS variables

:root {
  --mystic-woodland-shroud-2-1: #0A2A22;
  --mystic-woodland-shroud-2-2: #1B4F3B;
  --mystic-woodland-shroud-2-3: #3A6E48;
  --mystic-woodland-shroud-2-4: #5A8E68;
  --mystic-woodland-shroud-2-5: #7AB088;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woodland-shroud-2": {
        1: "#0A2A22",
        2: "#1B4F3B",
        3: "#3A6E48",
        4: "#5A8E68",
        5: "#7AB088",
      }
    }
  }
}

Related searches

dark forest green palettemysterious green color schemedeep woodland UI colorsenchanted forest dark themenature shadow palette

Palette colors

Hex values

Color 1#0A2A22
·
Color 2#1B4F3B
·
Color 3#3A6E48
·
Color 4#5A8E68
·
Color 5#7AB088
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4:1AA18
6.1:1AA
2
1.6:1Fail
1.6:1Fail
2.5:1Fail
3.8:1AA18
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
4:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
6.1:1AA
3.8:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Mystic Woodland Shroud

View all dark
Dark Forest Lore
Shadowed Forest Realm
Shadowed Pine Forest
Ancient Woodland Path
Dark Forest Canopy
Dark Forest Undergrowth