Back to palettes

Palette

Glacial Water Shimmer

A sparkling panorama of cool blues and teals, reminiscent of an icy polar ocean with shimmering water.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B6777#6A9199#A0BAC6#D1E2EA#E0FFFF

Palette guide

How to use Glacial Water Shimmer

Overview

The Glacial Water Shimmer palette presents a captivating range of cool blues and teals, evoking the tranquil yet dynamic essence of an icy polar ocean. Starting with the deep teal of #2B6777, it transitions through the muted #6A9199 and the gentle #A0BAC6, culminating in the ethereal lightness of #D1E2EA and #E0FFFF. This gradient of cool tones provides designers and developers with a sophisticated toolkit for creating depth and visual interest. It's ideal for projects aiming for a refreshing, clean, and slightly mysterious aesthetic, offering both strong foundational colors and delicate highlights.

Best used for

  • Marine or aquatic-themed branding
  • High-tech, clean interface designs
  • Winter fashion or lifestyle branding
  • Environmental or conservation websites
  • Data visualization with cool tones
  • Spa or wellness product packaging

Suggested color roles

primary

#2B6777 (Dark Teal) - Excellent for main navigation, footers, or dominant brand elements, providing a strong, sophisticated base.

secondary

#6A9199 (Muted Blue-Gray) - Ideal for sub-sections, secondary buttons, or decorative elements that need to be present but not overpowering.

accent

#A0BAC6 (Light Steel Blue) - Use for interactive elements, highlights, or subtle visual cues where a soft, inviting pop is needed.

background

#E0FFFF (Light Cyan) - A very light, almost white background that maximizes spaciousness and ensures readability for darker text.

text

For main body text, a dark gray like #333333 contrasts well with lighter shades. For headings, #2B6777 provides strong visibility.

Accessibility notes

  • #2B6777 and #6A9199 offer good contrast against #D1E2EA or #E0FFFF for text.
  • Be cautious using #A0BAC6 as text on #D1E2EA or #E0FFFF; check contrast ratios carefully.
  • Ensure interactive elements using lighter colors have sufficient visual cues beyond color.
  • For critical information, always pair a dark color like #2B6777 with a light background like #E0FFFF.

Recommended combinations

Deep Ocean UI

A clean layout with a bright background, soft card elements, and a strong, deep primary color for actions.

#E0FFFF · #A0BAC6 · #2B6777

Subtle Gradient

Create smooth, calming transitions in hero sections or background illustrations, reflecting water's depth.

#D1E2EA · #A0BAC6 · #6A9199

Highlight Contrast

Use the deep teal for primary content, very light blue for background, and the mid-tone for secondary details.

#2B6777 · #D1E2EA · #A0BAC6

CSS variables

:root {
  --glacial-water-shimmer-1: #2B6777;
  --glacial-water-shimmer-2: #6A9199;
  --glacial-water-shimmer-3: #A0BAC6;
  --glacial-water-shimmer-4: #D1E2EA;
  --glacial-water-shimmer-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-water-shimmer": {
        1: "#2B6777",
        2: "#6A9199",
        3: "#A0BAC6",
        4: "#D1E2EA",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

cool teal blue paletteicy ocean color schemeserene blue website colorslight and dark blue designtranquil aqua branding

Palette colors

Hex values

Color 1#2B6777
·
Color 2#6A9199
·
Color 3#A0BAC6
·
Color 4#D1E2EA
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
4.8:1AA
6:1AA
2
1.9:1Fail
1.7:1Fail
2.6:1Fail
3.3:1AA18
3
3.1:1AA18
1.7:1Fail
1.5:1Fail
1.9:1Fail
4
4.8:1AA
2.6:1Fail
1.5:1Fail
1.3:1Fail
5
6:1AA
3.3:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Glacial Water Shimmer

View all cool
Frosted Winter Lake
Glacial Lagoon Calm
Glacial Petal Glow
Winter Solstice Glow
Aegean Coast Whisper
Alpine Frost Serenity