Back to palettes

Palette

Mystic Moonlit Glade

Captures the quiet, silver glow of a moonlit forest glade with hints of hidden depth.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Moonlit Glade 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 Moonlit Glade.

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

Data visualization

#2B2D42#8D99AE#D8D2D2#EDF2F4#A6E3E9

Palette guide

How to use Mystic Moonlit Glade

Overview

The Mystic Moonlit Glade palette captures the serene and enigmatic beauty of a nocturnal forest, offering a cool and tranquil aesthetic. Dominant dark shades like #2B2D42 provide a strong foundation, while the muted #8D99AE and #D8D2D2 introduce soft, misty mid-tones. The bright #EDF2F4 acts as a crisp highlight, perfect for text or key elements, beautifully complemented by the subtle, cool blue of #A6E3E9. This palette is ideal for designers and developers aiming to evoke a calm, mysterious, and sophisticated atmosphere, suitable for projects that require a touch of modern elegance with a hint of natural tranquility. Its versatility allows for both bold statements and delicate accents.

Best used for

  • Nature-inspired digital interfaces
  • Modern minimalist website designs
  • Photography portfolios (especially nightscapes)
  • Branding for sustainable or eco-friendly products
  • UI/UX for meditation or mindfulness apps
  • Artistic or independent film promotional materials

Suggested color roles

primary

Use #2B2D42 as a deep, grounding primary for backgrounds, headers, or robust UI elements, providing strong contrast.

secondary

Apply #8D99AE for subheadings, navigation, or secondary informational text, offering a softer, approachable feel.

accent

Utilize #A6E3E9 as a refreshing accent for interactive elements, icons, or subtle highlights, adding a cool spark.

background

Employ #EDF2F4 as a clean, bright background for content areas, ensuring maximum readability and an airy feel.

text

For primary body text on light backgrounds, #2B2D42 offers excellent contrast and legibility. For dark backgrounds, use #EDF2F4.

Accessibility notes

  • Ensure sufficient contrast when using #8D99AE for text on #D8D2D2; aim for larger font sizes or bolder weights.
  • #2B2D42 and #EDF2F4 provide excellent contrast for text and background, meeting WCAG AA standards.
  • Avoid placing #A6E3E9 text directly on #EDF2F4 without careful contrast checking, especially for small text.
  • Use #EDF2F4 for text on #2B2D42, #8D99AE, or #A6E3E9 to guarantee strong readability across the palette.

Recommended combinations

Deep Forest

Creates a classic dark mode theme with clear hierarchy, ideal for content-heavy applications.

#2B2D42 · #8D99AE · #EDF2F4

Misty Glow

Perfect for hero sections or subtle illustrations, evoking a soft, ethereal light with cool accents.

#D8D2D2 · #EDF2F4 · #A6E3E9

Tranquil Contrast

Combines a dark base with a bright accent and light text for impactful calls-to-action and navigation.

#2B2D42 · #A6E3E9 · #EDF2F4

CSS variables

:root {
  --mystic-moonlit-glade-1: #2B2D42;
  --mystic-moonlit-glade-2: #8D99AE;
  --mystic-moonlit-glade-3: #D8D2D2;
  --mystic-moonlit-glade-4: #EDF2F4;
  --mystic-moonlit-glade-5: #A6E3E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-moonlit-glade": {
        1: "#2B2D42",
        2: "#8D99AE",
        3: "#D8D2D2",
        4: "#EDF2F4",
        5: "#A6E3E9",
      }
    }
  }
}

Related searches

mysterious cool color palettetranquil night forest colorsdark blue gray UI schemecalm moonlit aestheticsophisticated cool tones hex

Palette colors

Hex values

Color 1#2B2D42
·
Color 2#8D99AE
·
Color 3#D8D2D2
·
Color 4#EDF2F4
·
Color 5#A6E3E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.7:1AA
9:1AAA
12:1AAA
9.5:1AAA
2
4.7:1AA
1.9:1Fail
2.5:1Fail
2:1Fail
3
9:1AAA
1.9:1Fail
1.3:1Fail
1.1:1Fail
4
12:1AAA
2.5:1Fail
1.3:1Fail
1.3:1Fail
5
9.5:1AAA
2:1Fail
1.1:1Fail
1.3:1Fail

Similar palettes

More like Mystic Moonlit Glade

View all cool
Moonlit Ocean Shimmer
Alpine Forest Chill
Azure Lagoon Drift
Coastal Seaglass Gems
Coastal Serenity Shores
Cobalt Night Sky