Palette

Glacial Lake Mirror

Deep, icy blues and cool greys capturing the pristine, reflective surface of a high-altitude glacial lake.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Lake Mirror 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 Glacial Lake Mirror.

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

Data visualization

#0E293F#2A5A82#5D9CBF#AECAD9#EBF5F8

Palette guide

How to use Glacial Lake Mirror

Overview

This Glacial Lake Mirror palette offers a sophisticated range of cool blues, from the profound depth of #0E293F (Dark Midnight Blue) to the almost ethereal lightness of #EBF5F8 (Light Cyan). Intermediate shades like #2A5A82 (Steel Blue), #5D9CBF (Cadet Blue), and #AECAD9 (Light Steel Blue) create a seamless transition, embodying the serene yet powerful essence of a glacial body of water. This palette is excellent for designers and developers aiming to convey trust, stability, and a modern, understated elegance across digital and print applications.

Best used for

Corporate and financial services websites
High-tech product interfaces
Luxury automotive or design brands
Educational institutions' digital presence
Environmental conservation initiatives
Professional portfolio websites

Suggested color roles

primary

Use #0E293F (Dark Midnight Blue) as a deep, anchoring color for brand identity, main navigation, and powerful headings, establishing authority.

secondary

Apply #2A5A82 (Steel Blue) as a robust, medium-dark blue, great for subheadings, accent panels, or important data visualization.

accent

Utilize #5D9CBF (Cadet Blue) as a versatile mid-tone blue, ideal for interactive elements, icons, or subtle brand highlights.

background

The very light, almost white #EBF5F8 (Light Cyan) provides a clean, expansive, and highly readable canvas for content.

text

Employ #0E293F (Dark Midnight Blue) or a standard black for body text, ensuring excellent readability against light backgrounds and a professional finish.

Accessibility notes

Ensure text in #0E293F or #2A5A82 on #EBF5F8 or #AECAD9 meets WCAG AA/AAA contrast standards.
Avoid using #AECAD9 or #EBF5F8 for text, especially on light backgrounds, as contrast will be too low for readability.
Interactive elements should have distinct hover/focus states, perhaps by increasing saturation or adding a subtle border.
When using #5D9CBF for text, check its contrast carefully on lighter backgrounds to ensure legibility.

Recommended combinations

Profound Depth

Creates a strong, authoritative foundation with clear contrast for content, ideal for corporate or tech branding.

#0E293F · #2A5A82 · #EBF5F8

Calm Progression

Ideal for subtle gradients, data visualization, or layered UI elements that require a smooth, serene transition.

#2A5A82 · #5D9CBF · #AECAD9

Clean & Modern

Balances deep tones with light backgrounds and a mid-tone accent for a contemporary, sophisticated feel.

#0E293F · #EBF5F8 · #5D9CBF

CSS variables

:root {
  --glacial-lake-mirror-1: #0E293F;
  --glacial-lake-mirror-2: #2A5A82;
  --glacial-lake-mirror-3: #5D9CBF;
  --glacial-lake-mirror-4: #AECAD9;
  --glacial-lake-mirror-5: #EBF5F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake-mirror": {
        1: "#0E293F",
        2: "#2A5A82",
        3: "#5D9CBF",
        4: "#AECAD9",
        5: "#EBF5F8",
      }
    }
  }
}

Hex values

Color 1#0E293F

Color 2#2A5A82

Color 3#5D9CBF

Color 4#AECAD9

Color 5#EBF5F8

Accessibility

Contrast checker

2:1Fail

5:1AA

8.7:1AAA

13.5:1AAA

2:1Fail

2.4:1Fail

4.2:1AA18

6.6:1AA

5:1AA

2.4:1Fail

1.8:1Fail

2.7:1Fail

8.7:1AAA

4.2:1AA18

1.8:1Fail

1.5:1Fail

13.5:1AAA

6.6:1AA

2.7:1Fail

1.5:1Fail

Similar palettes

More like Glacial Lake Mirror

Glacial Blue Serenity

Glacial Lake Serenity

Glacier Lake Serenity