Blizzard Blue

#a3e3ed

Soft icy blue for airy secondary UI blocks

Save
Share

About Blizzard Blue

This one's lighter than Break the but nowhere near as bright as . It sits in that pale, almost whispered territory where the blue is there, genuinely there, but it's not announcing itself. The saturation is low enough that it reads calm on screen, but it doesn't flatten into gray the way some pale blues do.

Reach for it in product dashboards, health apps, and fintech interfaces where you're building secondary surfaces that need to feel open and breathable. It works as a card background, a page divider, a breathing room behind text-heavy sections. Unlike Cold Wave, there's no teal creeping in, this stays pure and cool without that deliberate color story. It won't shift warm on you depending on the monitor, and it pairs cleanly with dark slate or navy without feeling sterile.

The thing to watch: it's delicate. Use it when you have solid type contrast and defined hierarchy behind it. Pair it with charcoal and it reads trustworthy. Pair it with something mid-tone and it can disappear.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.42:1Fail

On Gray 100 #f5f5f5

Aa
1.30:1Fail

On Gray 900 #18181b

Aa
12.46:1AAA

On Black #000000

Aa
14.77:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Blizzard Blue

Open the generator with this color pre-loaded.

Start creating