Palette

Glacier Lake Depths

Deep, clear blues capturing the pristine and icy depths of a remote glacial lake under a cold sky.

CoolCalm5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier Lake Depths 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 Glacier Lake Depths.

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

Data visualization

#3E707F#5A8DA3#7EBAD1#2B505A#1D3A42

Palette guide

How to use Glacier Lake Depths

Overview

The "Glacier Lake Depths" palette captures the pristine and icy depths of a remote glacial lake with its selection of deep, clear blues and aquas. Ranging from the profound #1D3A42 to the clear #7EBAD1, this collection is perfect for conveying a sense of calm, purity, and natural power. Designers and developers can utilize these shades, including #3E707F, #5A8DA3, and #2B505A, to create sophisticated digital experiences, robust branding, or interfaces that evoke trust and tranquility. It's an excellent choice for projects requiring a cool, grounded aesthetic with subtle variations that suggest environmental depth and clarity.

Best used for

Nature and outdoor adventure brands
Scientific data visualization
Environmental conservation websites
Luxury watch or jewelry design
Corporate financial reports
Documentary film branding

Suggested color roles

primary

#3E707F - A strong, muted teal-blue, ideal for main headings, primary navigation, or call-to-action buttons, providing a sense of grounded stability.

secondary

#5A8DA3 - A slightly brighter, more expansive blue, suitable for secondary information panels, subheadings, or background sections that need a softer touch.

accent

#7EBAD1 - The lightest and brightest blue, perfect for subtle highlights, interactive states, or small icons that need to stand out with a fresh, crisp feel.

background

#1D3A42 - The deepest, almost black-blue, can be used for sophisticated dark mode backgrounds or as a powerful footer/header color.

text

For optimal readability, use pure white or a very light gray text against the darker shades like #1D3A42 and #2B505A. For text on #7EBAD1, a dark charcoal or black is recommended.

Accessibility notes

The darkest colors, #1D3A42 and #2B505A, offer excellent contrast for white text, meeting WCAG AA standards.
Lighter shades like #7EBAD1 require very dark text for sufficient readability and contrast.
Avoid pairing #5A8DA3 with #3E707F for text; the contrast may be insufficient for accessibility.
Always check contrast ratios for all text and interactive elements, especially with mid-tone pairings.

Recommended combinations

Deep Water Gradient

Create a profound, deep-water gradient for backgrounds or large hero sections, symbolizing depth and mystery.

#1D3A42 · #2B505A · #3E707F

Clear Horizon

Use the lightest for expansive backgrounds, the mid-blue for supporting content, and the deep blue for strong headings or accents.

#7EBAD1 · #5A8DA3 · #2B505A

Subtle Structure

Combine these mid-tones for structured UI elements, cards, or panels that need clear separation without harsh contrast.

#3E707F · #5A8DA3 · #7EBAD1

CSS variables

:root {
  --glacier-lake-depths-1: #3E707F;
  --glacier-lake-depths-2: #5A8DA3;
  --glacier-lake-depths-3: #7EBAD1;
  --glacier-lake-depths-4: #2B505A;
  --glacier-lake-depths-5: #1D3A42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-lake-depths": {
        1: "#3E707F",
        2: "#5A8DA3",
        3: "#7EBAD1",
        4: "#2B505A",
        5: "#1D3A42",
      }
    }
  }
}

Hex values

Color 1#3E707F

Color 2#5A8DA3

Color 3#7EBAD1

Color 4#2B505A

Color 5#1D3A42

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

1.6:1Fail

2.2:1Fail

1.5:1Fail

1.7:1Fail

2.4:1Fail

3.3:1AA18

2.6:1Fail

1.7:1Fail

4.1:1AA18

5.7:1AA

1.6:1Fail

2.4:1Fail

4.1:1AA18

1.4:1Fail

2.2:1Fail

3.3:1AA18

5.7:1AA

1.4:1Fail

Similar palettes

More like Glacier Lake Depths

View all Cool

Alpine Lake Dawn

Aqua Shore Breeze

Arctic Glacier Lagoon

Glacial Cave Depths

Aqua Tide Pool

Arctic Glacier Melt