Back to palettes

Palette

Moonstone Glacier Gleam

Cool, ethereal tones that capture the reflective surfaces of moonlit ice and glacial formations.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonstone Glacier Gleam 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 Moonstone Glacier Gleam.

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

Data visualization

#B0E0E6#CDE0E6#E0EAF0#F0F5F8#87CEEB

Palette guide

How to use Moonstone Glacier Gleam

Overview

The Moonstone Glacier Gleam palette offers a cool, ethereal collection of tones perfect for evoking serenity and clarity. With shades like the soft glacial blue #B0E0E6, a slightly lighter #CDE0E6, and the crisp, near-white #F0F5F8, this palette captures the reflective surfaces of moonlit ice and glacial formations. The vibrant sky blue #87CEEB provides a striking accent, while #E0EAF0 offers a subtle, cooler off-white. This scheme is ideal for designs aiming for a clean, sophisticated, and calming aesthetic, appealing to users seeking tranquility and professionalism in digital interfaces, branding, or print materials.

Best used for

  • Luxury spa and wellness branding
  • High-tech or medical website interfaces
  • Winter-themed event invitations
  • Serene mobile application designs
  • Jewelry or high-end fashion presentations
  • Cloud service or data visualization platforms

Suggested color roles

primary

Use #87CEEB for key calls to action, prominent headings, or graphical elements to convey freshness and importance.

secondary

Apply #B0E0E6 for supporting sections, sub-headings, or background elements that require a soft, yet distinct blue hue.

accent

Utilize #87CEEB for interactive states like hover effects, small icons, or highlights to add a vibrant, refreshing pop.

background

Employ #F0F5F8 as the main canvas background for a clean, airy, and expansive feel, ensuring good readability for darker text.

text

For body text on light backgrounds, a deep charcoal (#333333) or black offers optimal contrast. For lighter text on darker backgrounds, #E0EAF0 provides a soft, legible option.

Accessibility notes

  • Ensure sufficient contrast when pairing #E0EAF0 or #F0F5F8 with lighter text colors to maintain readability.
  • Use #87CEEB for interactive elements, ensuring its contrast against #F0F5F8 or #CDE0E6 meets WCAG guidelines.
  • Avoid using #B0E0E6 and #CDE0E6 for small text or critical information without adequate contrast checks, as they are very similar.
  • For icons or critical UI elements, use a color with higher contrast like #87CEEB against the lighter backgrounds.

Recommended combinations

Icy Horizon

Creates a refreshing sky-and-cloud effect, ideal for header banners or large graphical sections.

#87CEEB · #B0E0E6 · #F0F5F8

Glacial Calm

Offers a subtle, cool gradient with a vibrant accent, suitable for background textures or layered elements.

#CDE0E6 · #E0EAF0 · #87CEEB

Winter Serenity

Perfect for a soft, harmonious blend of light blues and off-whites, enhancing a tranquil and minimalist layout.

#B0E0E6 · #E0EAF0 · #F0F5F8

CSS variables

:root {
  --moonstone-glacier-gleam-1: #B0E0E6;
  --moonstone-glacier-gleam-2: #CDE0E6;
  --moonstone-glacier-gleam-3: #E0EAF0;
  --moonstone-glacier-gleam-4: #F0F5F8;
  --moonstone-glacier-gleam-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonstone-glacier-gleam": {
        1: "#B0E0E6",
        2: "#CDE0E6",
        3: "#E0EAF0",
        4: "#F0F5F8",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

cool blue color paletteice blue design schemeserene winter colorsglacier theme brandinglight ethereal hex codes

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#CDE0E6
·
Color 3#E0EAF0
·
Color 4#F0F5F8
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.6:1Fail
5
1.2:1Fail
1.3:1Fail
1.4:1Fail
1.6:1Fail

Similar palettes

More like Moonstone Glacier Gleam

View all cool
Arctic Dawn Light
Arctic Glacier Chill
Fjords Ice Chill
Frosted Lakeside Calm
Frosted Winter Lake
Frozen Crystal Grotto