Palette

Forest Mystic Glow

A deep, enchanting palette evoking the mysterious depths of an ancient, moonlit forest with hints of hidden light.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1a2a1a#2f4f4f#556b2f#8b4513#cd853f

Palette guide

How to use Forest Mystic Glow

Overview

The Forest Mystic Glow palette plunges into the deep, enchanting mysteries of an ancient, moonlit forest, with hints of hidden light. This collection is perfect for designers and developers crafting immersive, dark-themed experiences. Featuring the profound #1a2a1a and the rich #2f4f4f, it introduces vibrant contrasts with the earthy #556b2f, the warm #8b4513, and the radiant #cd853f. This palette expertly balances deep, shadowy greens and blues with luminous, fiery accents, making it ideal for evoking a sense of wonder, magic, and hidden beauty in digital interfaces, branding, or artistic projects.

Best used for

Fantasy game user interfaces and environments
Luxury eco-conscious brand identities
Dark mode website and app themes
Atmospheric digital art and illustration
Theatrical or event design with a mysterious mood
Autumn/winter fashion collections and editorials

Suggested color roles

primary

Utilize #1a2a1a as the foundational dark color for large backgrounds, headers, or primary branding, establishing a deep, mysterious tone.

secondary

Apply #2f4f4f for supporting sections, navigation bars, or as a subtle accent, providing a slightly lighter yet still profound depth.

accent

Employ #cd853f for calls-to-action, key interactive elements, or glowing highlights, offering a striking, magical contrast.

background

Use #1a2a1a or #2f4f4f for a dark, immersive canvas that enhances the mystical feel and allows lighter accents to truly pop.

text

For light text on dark backgrounds, #cd853f provides excellent readability and a luminous quality. For a more subtle contrast, #8b4513 can be effective.

Accessibility notes

Always ensure sufficient contrast for text, especially when using lighter shades like #cd853f on dark backgrounds like #1a2a1a.
Avoid using #556b2f or #8b4513 for small text on very dark backgrounds without sufficient testing for readability.
Use #cd853f for essential text and interactive elements to ensure visibility and adherence to accessibility standards.
Consider larger font sizes for any text in #8b4513 when placed on #2f4f4f to maintain legibility.

Recommended combinations

Mystic Depths

Ideal for creating a primary dark mode theme with a clear, glowing accent for interactive elements or focal points.

#1A2A1A · #2F4F4F · #CD853F

Earthy Glow

Perfect for secondary sections, illustrations, or as a complementary scheme, emphasizing natural and warm highlights.

#556B2F · #8B4513 · #CD853F

Shadow & Light

Excellent for atmospheric backgrounds or subtle UI elements, providing depth and a sense of hidden, organic warmth.

#1A2A1A · #8B4513 · #556B2F

CSS variables

:root {
  --forest-mystic-glow-1: #1a2a1a;
  --forest-mystic-glow-2: #2f4f4f;
  --forest-mystic-glow-3: #556b2f;
  --forest-mystic-glow-4: #8b4513;
  --forest-mystic-glow-5: #cd853f;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-mystic-glow": {
        1: "#1a2a1a",
        2: "#2f4f4f",
        3: "#556b2f",
        4: "#8b4513",
        5: "#cd853f",
      }
    }
  }
}

Hex values

Color 1#1a2a1a

Color 2#2f4f4f

Color 3#556b2f

Color 4#8b4513

Color 5#cd853f

Accessibility

Contrast checker

1.7:1Fail

2.5:1Fail

2.1:1Fail

5.1:1AA

1.7:1Fail

1.5:1Fail

1.3:1Fail

3:1Fail

2.5:1Fail

1.5:1Fail

1.2:1Fail

2:1Fail

2.1:1Fail

1.3:1Fail

1.2:1Fail

2.4:1Fail

5.1:1AA

3:1Fail

2:1Fail

2.4:1Fail

Similar palettes

More like Forest Mystic Glow

View all dark

Deep Forest Labyrinth

Forest Floor Shadows

Ancient Forest Depths

Dark Forest Canopy

Dark Forest Lore

Dark Forest Undergrowth