Back to palettes

Palette

Mystic Woodland Shroud

Evokes a hidden, ancient woodland veiled in twilight, where secrets and magic linger in the shadows.

darkelegant5 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

#2C3E50#1A472A#4A6B6A#725B6C#A88F6D

Palette guide

How to use Mystic Woodland Shroud

Overview

The Mystic Woodland Shroud palette evokes a hidden, ancient woodland veiled in twilight, where secrets and magic linger in the shadows. This elegant collection blends deep blue-gray #2C3E50, rich forest green #1A472A, and a warm earthy #A88F6D, creating a sophisticated and mysterious atmosphere. Designers and developers can use the harmonious interplay between #4A6B6A and #725B6C to craft visually intriguing interfaces that balance depth with subtle vibrancy. The full spectrum of #2C3E50, #1A472A, #4A6B6A, #725B6C, and #A88F6D is ideal for projects that require an air of refined elegance, profound mystery, and a unique, nature-inspired luxury.

Best used for

  • Sophisticated evening wear or luxury fashion brands
  • Art gallery websites and exhibition promotions
  • Narrative-driven video games or interactive stories
  • Luxury hotel branding and high-end hospitality
  • Elegant editorial layouts and publishing designs
  • Mystical event promotions and decor

Suggested color roles

primary

Designate #2C3E50 as the deep, enigmatic blue-gray for main backgrounds, headers, or strong brand statements.

secondary

Use #1A472A as a rich, dark forest green for supporting panels, navigation, or complementary sections.

accent

Apply #A88F6D as a warm, earthy highlight for calls-to-action, interactive elements, or a touch of luxurious detail.

background

Employ #4A6B6A as a muted, sophisticated mid-tone for versatile background areas, adding depth without being overpowering.

text

For optimal readability, use white or a very light gray on #2C3E50 or #1A472A. For #4A6B6A, use #2C3E50 or #1A472A.

Accessibility notes

  • Ensure #A88F6D has high contrast when used for text on #2C3E50 or #1A472A to meet WCAG standards.
  • The #4A6B6A background might require careful contrast checks for text; consider very dark or very light options.
  • Avoid using #725B6C as text on #4A6B6A due to low contrast, which could impair readability.
  • For critical information, always prioritize strong contrast, such as white text on #2C3E50, to ensure accessibility.

Recommended combinations

Twilight Depths

Creates deep, mysterious themes with a touch of warmth, perfect for evocative branding.

#2C3E50 · #1A472A · #A88F6D

Hidden Grove

Offers a layered, subtle natural feel, ideal for intricate graphic compositions.

#4A6B6A · #1A472A · #725B6C

Elegant Veil

Provides sophisticated accents on a darker background, enhancing visual interest.

#A88F6D · #725B6C · #2C3E50

CSS variables

:root {
  --mystic-woodland-shroud-1: #2C3E50;
  --mystic-woodland-shroud-2: #1A472A;
  --mystic-woodland-shroud-3: #4A6B6A;
  --mystic-woodland-shroud-4: #725B6C;
  --mystic-woodland-shroud-5: #A88F6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woodland-shroud": {
        1: "#2C3E50",
        2: "#1A472A",
        3: "#4A6B6A",
        4: "#725B6C",
        5: "#A88F6D",
      }
    }
  }
}

Related searches

elegant dark forest palettemysterious blue green colorstwilight woodland themesophisticated nature tonesdeep earthy jewel tones

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#1A472A
·
Color 3#4A6B6A
·
Color 4#725B6C
·
Color 5#A88F6D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.9:1Fail
1.8:1Fail
3.6:1AA18
2
1:1Fail
1.8:1Fail
1.7:1Fail
3.4:1AA18
3
1.9:1Fail
1.8:1Fail
1.1:1Fail
1.9:1Fail
4
1.8:1Fail
1.7:1Fail
1.1:1Fail
2:1Fail
5
3.6:1AA18
3.4:1AA18
1.9:1Fail
2:1Fail

Similar palettes

More like Mystic Woodland Shroud

View all dark
Crimson Canopy Twilight
Emerald Dream Weave
Mystic Forest Shroud
Amethyst Veil Mystique
Cosmic Jellyfish Bloom
Crimson Berry Grove