Palette

Glacial Lake Clarity

Crystal-clear blues and fresh aquas mirror the pristine depths and cool surface of a 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 Clarity 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 Clarity.

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

Data visualization

#0F3443#215A6B#478EA0#7BC2D4#BFE8F0

Palette guide

How to use Glacial Lake Clarity

Overview

The Glacial Lake Clarity palette captures the pristine depths and cool surface of a glacial lake with its crystal-clear blues and fresh aquas. This invigorating collection, ranging from the deep #0F3443 to the luminous #BFE8F0, is ideal for designers seeking to evoke freshness, purity, and profound calm. The robust #0F3443 provides a strong anchor, while #215A6B and #478EA0 introduce refreshing mid-tones. The bright #7BC2D4 and #BFE8F0 ensure a clean, expansive feel. This palette is excellent for creating clean, modern, and visually compelling digital experiences or branding materials that emphasize clarity and natural vitality.

Best used for

Environmental conservation websites
Aqua and marine-themed branding
Health and wellness applications
Data visualization for clear insights
Clean, minimalist user interfaces
Sustainable product packaging

Suggested color roles

primary

#0F3443 - This very deep, rich blue serves as a strong primary for foundational elements like headers, footers, or main navigation, providing stability and depth.

secondary

#215A6B - A balanced, deep teal-blue, excellent for secondary navigation, important data blocks, or sub-headings, offering depth without being overwhelming.

accent

#478EA0 - This vibrant aqua-blue works well for striking accents, interactive element hover states, or small decorative details, adding a refreshing pop of color.

background

#BFE8F0 - An ethereal, very light blue, ideal for expansive main content areas, providing a bright, clean, and airy canvas that allows darker colors to pop.

text

#0F3443 - Excellent for primary body text on light backgrounds like #BFE8F0 or #7BC2D4, ensuring strong readability and maintaining the cool, clear aesthetic.

Accessibility notes

Ensure #0F3443 text on #BFE8F0 background meets WCAG contrast standards for readability.
Avoid using lighter blues like #7BC2D4 or #478EA0 for small text against #BFE8F0, as contrast may be insufficient.
Use #478EA0 for interactive elements, but confirm it contrasts well against its immediate background.
When creating gradients or layers, ensure enough tonal difference between adjacent blues (e.g., #7BC2D4 and #BFE8F0) for clear visual separation.

Recommended combinations

Profound Clarity

Provides high contrast for impactful headings, critical information, or calls-to-action against a clean, light background.

#0F3443 · #BFE8F0 · #215A6B

Aqua Flow

Creates a smooth, flowing transition of deep to mid-blues, ideal for background gradients, layered UI elements, or illustrating depth.

#215A6B · #478EA0 · #7BC2D4

Fresh Accent

Uses the aqua as a vibrant accent on a very light blue background, with charcoal for body text for optimal readability.

#478EA0 · #BFE8F0 · #7BC2D4

CSS variables

:root {
  --glacial-lake-clarity-1: #0F3443;
  --glacial-lake-clarity-2: #215A6B;
  --glacial-lake-clarity-3: #478EA0;
  --glacial-lake-clarity-4: #7BC2D4;
  --glacial-lake-clarity-5: #BFE8F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake-clarity": {
        1: "#0F3443",
        2: "#215A6B",
        3: "#478EA0",
        4: "#7BC2D4",
        5: "#BFE8F0",
      }
    }
  }
}

Hex values

Color 1#0F3443

Color 2#215A6B

Color 3#478EA0

Color 4#7BC2D4

Color 5#BFE8F0

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

6.6:1AA

10.1:1AAA

1.7:1Fail

2.1:1Fail

3.8:1AA18

5.8:1AA

3.5:1AA18

2.1:1Fail

1.9:1Fail

2.8:1Fail

6.6:1AA

3.8:1AA18

1.9:1Fail

1.5:1Fail

10.1:1AAA

5.8:1AA

2.8:1Fail

1.5:1Fail

Similar palettes

More like Glacial Lake Clarity

Glacial Water Reflection