Palette

Glacier Lagoon Gleam

Pristine blues and aquas reflect the breathtaking calm of a glacial lake under an arctic sky.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2E3D#2B657D#5F9EA0#A2D9E2#CFEEF7

Palette guide

How to use Glacier Lagoon Gleam

Overview

The "Glacier Lagoon Gleam" palette offers pristine blues and aquas that reflect the breathtaking calm of a glacial lake under an arctic sky. Ranging from the profound #0A2E3D to the luminous #CFEEF7, this collection is ideal for designs seeking a minimalist yet deeply serene aesthetic. The progression through #2B657D, #5F9EA0, and #A2D9E2 allows for sophisticated depth and visual interest, perfect for creating clean interfaces, tranquil branding, or digital art that conveys a sense of untouched natural beauty. This palette excels in projects where clarity, spaciousness, and a cool, calming presence are desired.

Best used for

High-end minimalist websites
Arctic exploration documentaries
Luxury travel agencies
Environmental conservation branding
Meditation or mindfulness apps
Water-themed product packaging

Suggested color roles

primary

#2B657D - A robust, deep blue that serves well for main headings, navigation bars, or primary call-to-action buttons, grounding the design with stability.

secondary

#5F9EA0 - A muted, calming teal-blue, excellent for secondary information panels, subheadings, or background sections that require a softer presence.

accent

#A2D9E2 - A bright, airy aqua, perfect for subtle highlights, interactive states, or small decorative elements that need a touch of sparkle and freshness.

background

#CFEEF7 - The lightest shade, an almost white aqua, providing an expansive and clean canvas for content, enhancing the minimalist and serene mood.

text

For text on light backgrounds like #CFEEF7, use #0A2E3D or #2B657D for optimal contrast. For text on darker shades, pure white is the best choice for readability.

Accessibility notes

The darkest color, #0A2E3D, offers strong contrast for white text, suitable for WCAG AA standards.
Lighter shades like #A2D9E2 and #CFEEF7 require very dark text for sufficient readability.
Avoid pairing #5F9EA0 with #2B657D for text; the contrast may be insufficient for readability.
Always verify contrast ratios for all text and interactive elements to ensure accessibility.

Recommended combinations

Arctic Depths

Create a sense of deep, clear water with a gradient, ideal for background imagery or sophisticated section dividers.

#0A2E3D · #2B657D · #5F9EA0

Gleaming Horizon

Use the lightest for dominant backgrounds, mid-aqua for secondary content, and the deep blue for focal points and strong text.

#CFEEF7 · #A2D9E2 · #2B657D

Subtle Shimmer

Combine these mid-to-light tones for delicate UI elements, hover effects, or backgrounds that need a gentle, shimmering quality.

#5F9EA0 · #A2D9E2 · #CFEEF7

CSS variables

:root {
  --glacier-lagoon-gleam-1: #0A2E3D;
  --glacier-lagoon-gleam-2: #2B657D;
  --glacier-lagoon-gleam-3: #5F9EA0;
  --glacier-lagoon-gleam-4: #A2D9E2;
  --glacier-lagoon-gleam-5: #CFEEF7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-lagoon-gleam": {
        1: "#0A2E3D",
        2: "#2B657D",
        3: "#5F9EA0",
        4: "#A2D9E2",
        5: "#CFEEF7",
      }
    }
  }
}

Hex values

Color 1#0A2E3D

Color 2#2B657D

Color 3#5F9EA0

Color 4#A2D9E2

Color 5#CFEEF7

Accessibility

Contrast checker

2.2:1Fail

4.7:1AA

9.2:1AAA

11.7:1AAA

2.2:1Fail

2.1:1Fail

4.2:1AA18

5.3:1AA

4.7:1AA

2.1:1Fail

2:1Fail

2.5:1Fail

9.2:1AAA

4.2:1AA18

2:1Fail

1.3:1Fail

11.7:1AAA

5.3:1AA

2.5:1Fail

1.3:1Fail

Similar palettes

More like Glacier Lagoon Gleam