Back to palettes

Palette

Glacial Lagoon Calm

A refreshing and serene palette inspired by the tranquil, icy blues of a pristine glacial lagoon.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Lagoon Calm 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 Lagoon Calm.

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

Data visualization

#89CFF0#ADD8E6#F0F8FF#D3D3D3#1E90FF

Palette guide

How to use Glacial Lagoon Calm

Overview

The Glacial Lagoon Calm palette is a refreshing and serene collection inspired by the tranquil, icy blues of a pristine glacial lagoon. Ranging from the vibrant #1E90FF to the soft #F0F8FF, this palette offers designers a harmonious blend of cool tones and a touch of neutral grey. It's ideal for projects seeking to convey calmness, clarity, and natural beauty. The gentle #ADD8E6 provides a soft primary, while #89CFF0 adds a vibrant touch. The neutral #D3D3D3 offers versatility, making this palette excellent for creating peaceful digital experiences, natural branding, or any design emphasizing tranquility and light.

Best used for

  • Spa and relaxation applications
  • Eco-friendly product branding
  • Nature photography portfolios
  • Calm and meditative user interfaces
  • Wellness and mental health platforms
  • Travel agencies promoting serene destinations

Suggested color roles

primary

#ADD8E6 - This gentle, light blue serves as a calming primary color for headers, larger graphical elements, or section backgrounds.

secondary

#89CFF0 - A vibrant, clear blue, excellent for secondary calls-to-action, prominent icons, or to add a refreshing pop of color.

accent

#1E90FF - This deep, energetic blue is perfect for high-impact accents, interactive states, or small but important details that need to stand out.

background

#F0F8FF - An ethereal, almost white hue, ideal for expansive main content areas, providing a bright, clean, and airy canvas that enhances other colors.

text

#1E90FF - Use this deep blue for primary body text on light backgrounds like #F0F8FF, ensuring excellent readability and maintaining the cool aesthetic.

Accessibility notes

  • Ensure #1E90FF text on #F0F8FF background meets WCAG contrast standards for readability.
  • Avoid using lighter blues like #ADD8E6 or #89CFF0 for small text against #F0F8FF, as contrast may be insufficient.
  • The neutral #D3D3D3 can be used for text on darker blues, but test contrast carefully.
  • For interactive elements, ensure #1E90FF or #89CFF0 has strong contrast against its immediate background.

Recommended combinations

Clear & Deep

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

#1E90FF · #F0F8FF · #89CFF0

Lagoon Serenity

Creates a smooth, flowing transition of light blues, ideal for background gradients, layered UI elements, or serene imagery.

#89CFF0 · #ADD8E6 · #F0F8FF

Balanced Neutral

Uses the neutral grey for subtle dividers or secondary text, complemented by the blues for structure and accent.

#D3D3D3 · #ADD8E6 · #1E90FF

CSS variables

:root {
  --glacial-lagoon-calm-1: #89CFF0;
  --glacial-lagoon-calm-2: #ADD8E6;
  --glacial-lagoon-calm-3: #F0F8FF;
  --glacial-lagoon-calm-4: #D3D3D3;
  --glacial-lagoon-calm-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lagoon-calm": {
        1: "#89CFF0",
        2: "#ADD8E6",
        3: "#F0F8FF",
        4: "#D3D3D3",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

glacial blue palettecalm water color schemeserene ui designlight blue and greytranquil nature colors

Palette colors

Hex values

Color 1#89CFF0
·
Color 2#ADD8E6
·
Color 3#F0F8FF
·
Color 4#D3D3D3
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
1.1:1Fail
1.9:1Fail
2
1.1:1Fail
1.4:1Fail
1:1Fail
2.1:1Fail
3
1.6:1Fail
1.4:1Fail
1.4:1Fail
3:1AA18
4
1.1:1Fail
1:1Fail
1.4:1Fail
2.2:1Fail
5
1.9:1Fail
2.1:1Fail
3:1AA18
2.2:1Fail

Similar palettes

More like Glacial Lagoon Calm

View all cool
Glacial Lake Mirror
Glacier Lake Serenity
Aegean Coast Whisper
Aqua Stillness Mood
Arctic Glacier Melt
Arctic Lake Glass