Back to palettes

Palette

Mystic Woods Shroud

Deep blues and charcoal grays, embodying the mysterious depths of an enchanted twilight forest.

Darkdark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E50#5B7B8F#8BB0C9#1A2832#405566

Palette guide

How to use Mystic Woods Shroud

Overview

The Mystic Woods Shroud palette embodies the mysterious depths of an enchanted twilight forest, featuring deep blues and charcoal grays. Ranging from the profound #1A2832, a deep charcoal blue, to the ethereal #8BB0C9, a soft, light blue, this palette offers sophistication and cool tranquility. Designers and developers can leverage the rich interplay between #2C3E50 and #405566 to create immersive, dark-themed interfaces that feel both profound and elegant. The atmospheric #5B7B8F provides a versatile mid-tone, enhancing the overall mysterious yet inviting mood. The full spectrum of #2C3E50, #5B7B8F, #8BB0C9, #1A2832, and #405566 is perfect for projects that demand a refined, cool-toned aesthetic with a touch of enchantment and profound depth.

Best used for

  • Corporate tech branding and software interfaces
  • Luxury menswear websites and fashion editorials
  • Evening event invitations and elegant galas
  • Modern art gallery themes and digital exhibits
  • Desktop software interfaces and dashboards
  • Astronomy or space-themed content and visualizations

Suggested color roles

primary

Designate #1A2832 as the deepest, anchoring charcoal blue for backgrounds, large sections, or robust brand elements.

secondary

Use #2C3E50 as a rich, dark blue-gray for supporting panels, secondary navigation, or deep textures.

accent

Apply #8BB0C9 as a soft, ethereal highlight blue for interactive states, subtle calls-to-action, or luminous elements.

background

Employ #405566 as a versatile, muted mid-blue for main content areas, providing a sophisticated base.

text

For optimal readability, use #8BB0C9 or white/near-white for text on #1A2832 or #2C3E50 backgrounds.

Accessibility notes

  • Ensure #8BB0C9 provides good contrast on #1A2832 or #2C3E50 for body text, meeting WCAG AA standards.
  • Check that #5B7B8F has sufficient contrast when used on #405566 for larger headings and important UI elements.
  • Avoid using #405566 as text on #2C3E50 due to low contrast, which can hinder readability.
  • For critical UI elements, consider a contrast ratio of at least 3:1 with adjacent colors to maintain usability.

Recommended combinations

Twilight Depths

Creates a strong, dark, and elegant theme, providing depth with legible highlights.

#1A2832 · #2C3E50 · #8BB0C9

Misty Horizon

Offers layered depth with atmospheric transitions, ideal for subtle background effects.

#405566 · #5B7B8F · #1A2832

Enchanted Glow

Highlights soft, luminous accents against a profound background, perfect for focal points.

#8BB0C9 · #5B7B8F · #2C3E50

CSS variables

:root {
  --mystic-woods-shroud-1: #2C3E50;
  --mystic-woods-shroud-2: #5B7B8F;
  --mystic-woods-shroud-3: #8BB0C9;
  --mystic-woods-shroud-4: #1A2832;
  --mystic-woods-shroud-5: #405566;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woods-shroud": {
        1: "#2C3E50",
        2: "#5B7B8F",
        3: "#8BB0C9",
        4: "#1A2832",
        5: "#405566",
      }
    }
  }
}

Related searches

dark blue gray palettemysterious twilight colorsdeep forest blue themesophisticated cool tonesenchanted woods UI design

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#5B7B8F
·
Color 3#8BB0C9
·
Color 4#1A2832
·
Color 5#405566
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.8:1AA
1.4:1Fail
1.4:1Fail
2
2.4:1Fail
2:1Fail
3.4:1AA18
1.7:1Fail
3
4.8:1AA
2:1Fail
6.6:1AA
3.4:1AA18
4
1.4:1Fail
3.4:1AA18
6.6:1AA
1.9:1Fail
5
1.4:1Fail
1.7:1Fail
3.4:1AA18
1.9:1Fail

Similar palettes

More like Mystic Woods Shroud

View all Dark
Abyssal Light Organism
Ancient Bronze Ritual
Celestial Ocean Depth
Deep Sea Lumen
Dusky Harbor Twilight
Midnight Ocean Depths