Back to palettes

Palette

Glacier Lake Serenity

Cool blues and icy whites portray the immense, tranquil beauty of a pristine glacial lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A8DADC#60B4CC#3D8CA7#2C5E7A#1C3F5A

Palette guide

How to use Glacier Lake Serenity

Overview

The "Glacier Lake Serenity" palette beautifully portrays the immense, tranquil beauty of a pristine glacial lake with its cool blues and icy whites. Ranging from the airy #A8DADC to the profound #1C3F5A, this collection offers a sophisticated and calming aesthetic. Designers and developers can leverage these shades, including #60B4CC, #3D8CA7, and #2C5E7A, to create elegant digital experiences, trustworthy branding, or interfaces that evoke clarity and peace. This palette is exceptionally versatile for crafting rich gradients, defining clear sections, and conveying a sense of grounded tranquility, making it perfect for projects that value depth and serene professionalism.

Best used for

  • Corporate and financial services
  • High-end tech solutions
  • Environmental research organizations
  • Luxury home decor brands
  • Scientific and educational platforms
  • Professional services websites

Suggested color roles

primary

#3D8CA7 - A robust, mid-tone blue that serves well for main headings, navigation bars, or primary call-to-action buttons, providing a sense of stability and trust.

secondary

#60B4CC - A brighter, more open blue, excellent for supporting elements, subheadings, or background sections that need a lighter, more inviting feel.

accent

#2C5E7A - A deeper, more saturated blue, perfect for subtle highlights, interactive states, or to add a touch of gravitas to important information without being overly bold.

background

#A8DADC - The lightest, almost white aqua, ideal for expansive, clean page backgrounds that promote readability and a sense of spaciousness.

text

For text on light backgrounds like #A8DADC, use #1C3F5A or #2C5E7A for optimal contrast. For text over darker shades, pure white is the best choice for readability.

Accessibility notes

  • The darkest color, #1C3F5A, provides excellent contrast for white text, meeting WCAG AA standards.
  • Lighter shades like #A8DADC require very dark text (black, charcoal) for sufficient readability.
  • Avoid pairing #60B4CC with #3D8CA7 for text; the contrast may be insufficient for accessibility.
  • Always use a contrast checker for all text and interactive element pairings to ensure readability across all users.

Recommended combinations

Deep Tranquility

Create a sophisticated, deep gradient for backgrounds or hero sections, symbolizing depth, calm, and authority.

#1C3F5A · #2C5E7A · #3D8CA7

Clear Horizon

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

#A8DADC · #60B4CC · #2C5E7A

Structural Blues

Combine these mid-to-light tones for structured UI elements, cards, or panels that need clear separation and a clean look.

#3D8CA7 · #60B4CC · #A8DADC

CSS variables

:root {
  --glacier-lake-serenity-1: #A8DADC;
  --glacier-lake-serenity-2: #60B4CC;
  --glacier-lake-serenity-3: #3D8CA7;
  --glacier-lake-serenity-4: #2C5E7A;
  --glacier-lake-serenity-5: #1C3F5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-lake-serenity": {
        1: "#A8DADC",
        2: "#60B4CC",
        3: "#3D8CA7",
        4: "#2C5E7A",
        5: "#1C3F5A",
      }
    }
  }
}

Related searches

serene cool blue paletteglacial water color schemeprofessional blue brandingcalm corporate colorsicy blue web design

Palette colors

Hex values

Color 1#A8DADC
·
Color 2#60B4CC
·
Color 3#3D8CA7
·
Color 4#2C5E7A
·
Color 5#1C3F5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
4.6:1AA
7.2:1AAA
2
1.5:1Fail
1.6:1Fail
3:1Fail
4.7:1AA
3
2.5:1Fail
1.6:1Fail
1.8:1Fail
2.9:1Fail
4
4.6:1AA
3:1Fail
1.8:1Fail
1.6:1Fail
5
7.2:1AAA
4.7:1AA
2.9:1Fail
1.6:1Fail

Similar palettes

More like Glacier Lake Serenity

View all cool
Glacial Lagoon Calm
Arctic Lake Glass
Arctic River Ice
Arctic Sapphire Glimmer
Arctic Whisper Glade
Cool Glacier Lagoon