Palette

Mystic Forest Shroud

Ethereal greens and deep greys evoke the quiet mystery and silver glow of a moonlit forest.

darkelegant5 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

#1E2D2F#3C4F4D#6B7C79#9CA8A6#E7ECEB

Palette guide

How to use Mystic Forest Shroud

Overview

The Mystic Forest Shroud palette (ID: mystic-forest-shroud-3) features ethereal greens and deep greys, evoking the quiet mystery and silver glow of a moonlit forest. With hues ranging from the profound #1E2D2F to the serene #E7ECEB, and including balanced tones like #6B7C79, this palette embodies sophistication and calm. It is perfectly suited for designers and developers seeking to create elegant, minimalist, and deeply atmospheric experiences. The cool, desaturated tones work in harmony to build a refined aesthetic that feels both modern and timeless, ideal for conveying subtle luxury and tranquility.

Best used for

High-end minimalist branding and corporate identities
Architectural design visualizations and presentations
Luxury lifestyle applications and digital platforms
Serene editorial layouts and sophisticated web interfaces
Art installations and gallery exhibition designs
Brand identity for elegant, understated products

Suggested color roles

primary

Use #3C4F4D as a deep, elegant green-grey for main content areas, providing a sophisticated and stable presence.

secondary

Employ #6B7C79 for supporting elements, subheadings, or background sections that require a lighter, harmonious contrast.

accent

Apply #E7ECEB sparingly for ethereal highlights, subtle hover states, or as a very light background to create an expansive, airy feel.

background

Utilize #E7ECEB as a clean, expansive base, providing a bright and open canvas that allows other elements to gently emerge.

text

Choose #1E2D2F for primary body text, ensuring excellent readability and a deep, grounding presence against lighter shades.

Accessibility notes

Ensure sufficient contrast between #1E2D2F text and lighter backgrounds like #E7ECEB or #9CA8A6 for readability.
Use #3C4F4D or #6B7C79 for interactive elements to ensure they are clearly discernible against lighter page elements.
Avoid placing lighter text (e.g., #9CA8A6) on mid-tone backgrounds (e.g., #6B7C79) without sufficient font size or weight.
Provide clear focus states for UI elements, potentially using a slightly darker shade from the palette or a subtle border.

Recommended combinations

Moonlit Depths

Creates a dark, atmospheric progression, ideal for hero sections or immersive backgrounds in digital experiences.

#1E2D2F · #3C4F4D · #6B7C79

Silvered Mist

Perfect for soft, bright transitions and elements that need to feel airy and expansive, like content cards or headers.

#E7ECEB · #9CA8A6 · #6B7C79

Elegant Contrast

Provides strong readability with dark text on a light background, balanced by a deep mid-tone for buttons or borders.

#1E2D2F · #E7ECEB · #3C4F4D

CSS variables

:root {
  --mystic-forest-shroud-3-1: #1E2D2F;
  --mystic-forest-shroud-3-2: #3C4F4D;
  --mystic-forest-shroud-3-3: #6B7C79;
  --mystic-forest-shroud-3-4: #9CA8A6;
  --mystic-forest-shroud-3-5: #E7ECEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-forest-shroud-3": {
        1: "#1E2D2F",
        2: "#3C4F4D",
        3: "#6B7C79",
        4: "#9CA8A6",
        5: "#E7ECEB",
      }
    }
  }
}

Hex values

Color 1#1E2D2F

Color 2#3C4F4D

Color 3#6B7C79

Color 4#9CA8A6

Color 5#E7ECEB

Accessibility

Contrast checker

1.6:1Fail

3.3:1AA18

5.8:1AA

12:1AAA

1.6:1Fail

2:1Fail

3.5:1AA18

7.3:1AAA

3.3:1AA18

2:1Fail

1.8:1Fail

3.7:1AA18

5.8:1AA

3.5:1AA18

1.8:1Fail

2.1:1Fail

12:1AAA

7.3:1AAA

3.7:1AA18

2.1:1Fail

Similar palettes

More like Mystic Forest Shroud

View all dark

Art Deco Evening

Crimson Canopy Twilight

Emerald Canopy Crown

Enchanted Forest

Library Nocturne Study

Midnight Velvet Glam