Back to palettes

Palette

Mystic Forest Shroud

Dark, muted greens and deep earth tones that convey the shadowy depths of an ancient, enchanted forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#556B2F#6B8E23#4F6456#344E41

Palette guide

How to use Mystic Forest Shroud

Overview

The Mystic Forest Shroud palette (ID: mystic-forest-shroud-2) offers a collection of dark, muted greens and deep earth tones that convey the shadowy depths of an ancient, enchanted forest. Shades like the rich #2E8B57, the warm #556B2F, and the grounding #344E41 work together to create a mysterious and sophisticated atmosphere. This palette is ideal for projects that require a sense of depth, history, and a touch of the unknown. Designers and developers can use these colors to craft evocative experiences, from brand identities to digital environments, that feel both natural and profoundly intriguing.

Best used for

  • Documentary film branding and promotional materials
  • Conservation group websites and educational content
  • Historical or fantasy game settings and UI
  • Rustic or artisanal product lines and packaging
  • Nature photography portfolios with a dramatic flair
  • Brand identity for outdoor adventure and exploration

Suggested color roles

primary

Use #4F6456 as a balanced, muted green-grey for primary content areas, providing a stable and mysterious presence.

secondary

Employ #2E8B57 as a richer, slightly more vibrant green for supporting elements, adding depth and subtle emphasis.

accent

Apply #6B8E23 as the brightest, earthy accent, perfect for calls to action, highlights, or elements needing a touch of natural pop.

background

Utilize #344E41 as a deep, grounding base, setting a mysterious and immersive atmosphere for other colors to emerge.

text

Choose #2E8B57 for primary body text against lighter backgrounds, or a light neutral like off-white for optimal readability against darks.

Accessibility notes

  • Ensure high contrast between text in #2E8B57 and lighter backgrounds, or use a very light color like off-white for text on #344E41.
  • Use #6B8E23 for interactive elements to ensure they are clearly discernible against darker page elements.
  • Avoid placing mid-tone text (e.g., #4F6456) on similar backgrounds (e.g., #556B2F) without checking contrast ratios.
  • Provide clear focus states for UI elements, perhaps using #6B8E23 to draw attention or a distinct border.

Recommended combinations

Shrouded Depths

Creates a dark, mysterious, and layered green effect, ideal for immersive backgrounds or complex visual hierarchies.

#344E41 · #4F6456 · #2E8B57

Hidden Glade

Offers a brighter accent with supporting muted tones, suitable for content cards or sections needing a subtle lift.

#6B8E23 · #556B2F · #4F6456

Earthy Harmony

Provides a strong dark base with a vibrant pop and a versatile mid-tone for balanced and engaging compositions.

#344E41 · #6B8E23 · #556B2F

CSS variables

:root {
  --mystic-forest-shroud-2-1: #2E8B57;
  --mystic-forest-shroud-2-2: #556B2F;
  --mystic-forest-shroud-2-3: #6B8E23;
  --mystic-forest-shroud-2-4: #4F6456;
  --mystic-forest-shroud-2-5: #344E41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-forest-shroud-2": {
        1: "#2E8B57",
        2: "#556B2F",
        3: "#6B8E23",
        4: "#4F6456",
        5: "#344E41",
      }
    }
  }
}

Related searches

deep forest green palettemysterious nature colorsearthy muted greens schemeoutdoor brand color paletterustic green design

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#556B2F
·
Color 3#6B8E23
·
Color 4#4F6456
·
Color 5#344E41
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
1.5:1Fail
2.1:1Fail
2
1.4:1Fail
1.6:1Fail
1.1:1Fail
1.5:1Fail
3
1.1:1Fail
1.6:1Fail
1.7:1Fail
2.4:1Fail
4
1.5:1Fail
1.1:1Fail
1.7:1Fail
1.4:1Fail
5
2.1:1Fail
1.5:1Fail
2.4:1Fail
1.4:1Fail

Similar palettes

More like Mystic Forest Shroud

View all dark
Enchanted Evergreen Depth
Mystic Woods Bloom
Shaded Mystic Wood
Verdant Canopy Depths
Dark Forest Canopy
Dark Forest Lore