Back to palettes

Palette

Silver Moonlit Glade

Subtle blues and silvers create the hushed, enchanting atmosphere of a moonlit forest glade.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E5EAEF#B0C0D4#7A9BAA#4D7382#2A4F5B

Palette guide

How to use Silver Moonlit Glade

Overview

The Silver Moonlit Glade palette features subtle blues and silvers that create the hushed, enchanting atmosphere of a moonlit forest glade. This cool collection ranges from the ethereal #E5EAEF to the deep #2A4F5B, incorporating the gentle #B0C0D4, the serene #7A9BAA, and the mysterious #4D7382. For designers and developers, these shades offer a sophisticated and tranquil foundation, perfect for creating interfaces and branding that convey depth, calm, and a touch of natural mystery. It’s an excellent choice for projects where a cool, contemplative, and elegant visual experience is desired, ensuring harmony and engagement.

Best used for

  • Nature conservation websites and campaigns
  • Outdoor adventure and exploration brands
  • Tranquil resort and spa branding
  • Environmental science educational platforms
  • Documentary film graphics and titles
  • Evening wear fashion lines and lookbooks

Suggested color roles

primary

Designate #7A9BAA as the primary color for main content areas or prominent UI elements, offering a sophisticated blue-green-grey.

secondary

Utilize #B0C0D4 for lighter, airy support, ideal for secondary information or subtle backgrounds.

accent

Apply #2A4F5B for the deepest tone, providing strong emphasis for calls to action, primary text, or anchoring elements.

background

Choose #E5EAEF as a clean, cool, and expansive background to create an ethereal and open canvas.

text

For excellent readability on light backgrounds like #E5EAEF, use #2A4F5B for primary body text.

Accessibility notes

  • #2A4F5B provides high contrast on #E5EAEF and #B0C0D4, ensuring readability for all text sizes.
  • #4D7382 can be used for headings or larger text on #E5EAEF, but always check contrast for small body text.
  • Avoid using #B0C0D4 or #7A9BAA for small text on #E5EAEF as contrast might be insufficient for WCAG AA.
  • Ensure all interactive elements have clear focus and hover states with sufficient contrast to aid usability.

Recommended combinations

Glade Mist

Creates a soft, atmospheric gradient ideal for serene backgrounds or layered UI elements.

#E5EAEF · #B0C0D4 · #7A9BAA

Deep Forest

Provides a strong, grounding contrast, perfect for clear hierarchy in text or prominent features.

#E5EAEF · #2A4F5B · #B0C0D4

Moonlit Depths

Offers a gradual, mysterious progression, suitable for progress indicators, charts, or complex data visualization.

#7A9BAA · #4D7382 · #2A4F5B

CSS variables

:root {
  --silver-moonlit-glade-1: #E5EAEF;
  --silver-moonlit-glade-2: #B0C0D4;
  --silver-moonlit-glade-3: #7A9BAA;
  --silver-moonlit-glade-4: #4D7382;
  --silver-moonlit-glade-5: #2A4F5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silver-moonlit-glade": {
        1: "#E5EAEF",
        2: "#B0C0D4",
        3: "#7A9BAA",
        4: "#4D7382",
        5: "#2A4F5B",
      }
    }
  }
}

Related searches

moonlit blue green palettecool forest colorstranquil night designnature inspired blue greyserene dark academia colors

Palette colors

Hex values

Color 1#E5EAEF
·
Color 2#B0C0D4
·
Color 3#7A9BAA
·
Color 4#4D7382
·
Color 5#2A4F5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4.2:1AA18
7.3:1AAA
2
1.5:1Fail
1.6:1Fail
2.8:1Fail
4.8:1AA
3
2.4:1Fail
1.6:1Fail
1.7:1Fail
3:1Fail
4
4.2:1AA18
2.8:1Fail
1.7:1Fail
1.7:1Fail
5
7.3:1AAA
4.8:1AA
3:1Fail
1.7:1Fail

Similar palettes

More like Silver Moonlit Glade

View all cool
Moonlit Alpine Meadow
Moonlit Garden Path
Cobalt Night Sky
Desert Night Sky
Enchanted Forest Canopy
Enchanted Forest Stream