Back to palettes

Palette

Glacier Ice Peaks

A crisp, invigorating selection of cool blues, reminiscent of majestic glacier formations and icy mountain peaks.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier Ice Peaks 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 Ice Peaks.

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

Data visualization

#A2D2FF#8CBFEF#76ADDD#609ACB#4A88BB

Palette guide

How to use Glacier Ice Peaks

Overview

The "Glacier Ice Peaks" palette presents a refreshing spectrum of cool blues, perfect for conveying serenity and professionalism. Ranging from the light, airy #A2D2FF to the deep, anchoring #4A88BB, these shades evoke the majestic beauty of icy landscapes. Designers and developers can leverage this collection to create clean, modern interfaces, tranquil branding, or invigorating digital experiences. The harmonious progression through #8CBFEF, #76ADDD, and #609ACB ensures excellent versatility for gradients, layered elements, and consistent visual storytelling. It's an ideal choice for projects aiming for a crisp, calming, and reliable aesthetic.

Best used for

  • Tech and software interfaces
  • Winter sports branding
  • Eco-friendly product packaging
  • Spa and wellness websites
  • Financial services design
  • Medical or healthcare branding

Suggested color roles

primary

#609ACB - A stable mid-tone blue, excellent for main headings, call-to-action buttons, or primary navigation elements, providing a strong yet calm presence.

secondary

#8CBFEF - Lighter and more expansive, suitable for secondary buttons, information panels, or background sections that need a softer touch than the primary.

accent

#4A88BB - The deepest blue in the palette, offering a strong contrast for important alerts, interactive states, or subtle highlights that demand attention without being overly bold.

background

#A2D2FF - A very light, almost ethereal blue, ideal for clean page backgrounds, large content blocks, or subtle overlays that keep the design airy and open.

text

For text on lighter backgrounds like #A2D2FF, use a dark charcoal or black for optimal readability. For text over darker blues like #4A88BB, pure white text is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter blues like #A2D2FF with text; often requires dark text.
  • #4A88BB provides a good base for white text, meeting WCAG AA standards in most cases.
  • Avoid using #A2D2FF as text on #8CBFEF or similar light blues; the contrast will be insufficient.
  • Use a contrast checker for all foreground/background color combinations, especially for interactive elements.

Recommended combinations

Icy Gradient

Create smooth, flowing gradients for backgrounds or decorative elements, evoking a sense of depth and tranquility.

#A2D2FF · #8CBFEF · #76ADDD

Deep Contrast

Utilize the darkest shade for primary elements, a mid-tone for supporting content, and the lightest for spacious backgrounds.

#4A88BB · #609ACB · #A2D2FF

Highlight Focus

Pair a dominant mid-blue with the deepest shade for impactful accents, softened by a lighter blue for supporting UI.

#76ADDD · #4A88BB · #8CBFEF

CSS variables

:root {
  --glacier-ice-peaks-1: #A2D2FF;
  --glacier-ice-peaks-2: #8CBFEF;
  --glacier-ice-peaks-3: #76ADDD;
  --glacier-ice-peaks-4: #609ACB;
  --glacier-ice-peaks-5: #4A88BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ice-peaks": {
        1: "#A2D2FF",
        2: "#8CBFEF",
        3: "#76ADDD",
        4: "#609ACB",
        5: "#4A88BB",
      }
    }
  }
}

Related searches

cool blue color schemesglacier color palette hexwinter branding colorsserene blue ui kitice peak color inspiration

Palette colors

Hex values

Color 1#A2D2FF
·
Color 2#8CBFEF
·
Color 3#76ADDD
·
Color 4#609ACB
·
Color 5#4A88BB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.4:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
1.9:1Fail
1.5:1Fail
1.3:1Fail
1.3:1Fail
5
2.4:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Glacier Ice Peaks

View all cool
Arctic Glacier Chill
Arctic Lake Ice
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Twilight Ice
Frozen Crystal Grotto