Back to palettes

Palette

Glacial Water Echo

The serene depths and crisp reflections of ancient, pure glacial waters.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Water Echo 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 Water Echo.

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

Data visualization

#C0DFF2#A6D3EE#7CBBCF#E9F5FF#5F8FA8

Palette guide

How to use Glacial Water Echo

Overview

The "Glacial Water Echo" palette embodies the serene depths and crisp reflections of ancient, pure glacial waters. This collection features a beautiful range of cool blues, from the nearly white #E9F5FF to the deep, grounding #5F8FA8. It's designed to evoke a sense of calm, clarity, and understated elegance. Mid-tones like #C0DFF2, #A6D3EE, and #7CBBCF provide excellent versatility for layering, creating depth, and establishing a cohesive, refreshing aesthetic. This palette is ideal for projects that aim for a clean, professional, and tranquil visual experience.

Best used for

  • Water-themed product packaging
  • Spa and wellness services
  • Environmental or scientific reports
  • Cloud computing or data solutions
  • Clean tech branding
  • Minimalist interior design inspiration

Suggested color roles

primary

#7CBBCF - A clear, medium blue, excellent for main headings, calls-to-action, or primary brand identity.

secondary

#A6D3EE - A lighter, serene blue for supporting content, subheadings, or background panels.

accent

#C0DFF2 - A very light, cool blue, perfect for subtle highlights, hover states, or delicate decorative lines.

background

#E9F5FF - A near-white, very light blue, providing an expansive, clean, and refreshing canvas.

text

#5F8FA8 - A deep, muted blue-gray, offering excellent contrast and readability for primary body text on light backgrounds.

Accessibility notes

  • Ensure #5F8FA8 text on #E9F5FF provides sufficient contrast.
  • Use a lighter text color (e.g., white or a very light gray) when placing text on #7CBBCF or #5F8FA8.
  • Avoid using #E9F5FF for text on any of the other colors, as contrast will be too low.
  • Always check contrast ratios for interactive elements, especially if they use the lighter shades.

Recommended combinations

Water Depths

Clean website layout: #E9F5FF as background, #A6D3EE for content sections, and #5F8FA8 for strong headings.

#E9F5FF · #A6D3EE · #5F8FA8

Calm Reflections

Create a smooth, reflective gradient for backgrounds or large graphic elements, mimicking water.

#C0DFF2 · #7CBBCF · #A6D3EE

Serene Contrast

#5F8FA8 for strong branding, #C0DFF2 for subtle accents, and #E9F5FF for a bright, clean base.

#5F8FA8 · #C0DFF2 · #E9F5FF

CSS variables

:root {
  --glacial-water-echo-1: #C0DFF2;
  --glacial-water-echo-2: #A6D3EE;
  --glacial-water-echo-3: #7CBBCF;
  --glacial-water-echo-4: #E9F5FF;
  --glacial-water-echo-5: #5F8FA8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-water-echo": {
        1: "#C0DFF2",
        2: "#A6D3EE",
        3: "#7CBBCF",
        4: "#E9F5FF",
        5: "#5F8FA8",
      }
    }
  }
}

Related searches

glacial blue color paletteserene water huescool blue white schemecalm ocean colorsminimalist blue design

Palette colors

Hex values

Color 1#C0DFF2
·
Color 2#A6D3EE
·
Color 3#7CBBCF
·
Color 4#E9F5FF
·
Color 5#5F8FA8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
1.3:1Fail
2.5:1Fail
2
1.1:1Fail
1.3:1Fail
1.4:1Fail
2.2:1Fail
3
1.5:1Fail
1.3:1Fail
1.9:1Fail
1.6:1Fail
4
1.3:1Fail
1.4:1Fail
1.9:1Fail
3.2:1AA18
5
2.5:1Fail
2.2:1Fail
1.6:1Fail
3.2:1AA18

Similar palettes

More like Glacial Water Echo

View all cool
Arctic River Ice
Glacial Lagoon Calm
Glacier Lake Serenity
Aqua Stillness Mood
Arctic Lake Glass
Arctic Lake Reflect