Icebreaker

#b7c2cc

Cool, desaturated light gray with calm neutrality

Save
Share

About Icebreaker

Icebreaker looks like the gray you'd see on the inside of a clean refrigerator door: cool, airy, and just a touch bluish, but without the heavier "blue punch" of . It's lighter and less saturated, so it reads smoother and more forgiving under bright UI glare. Compared to , it doesn't drift toward lavender softness, and it keeps a firmer neutral edge.

I use Icebreaker for secondary surfaces where you want deliberate calm: card backgrounds, input fields, and disabled states in dashboards and healthcare platforms. In fintech screens, it's a solid choice for form sections and panel separation because the blue-neutral undertone stays composed with both cool and neutral palettes. It also gives you a better hierarchy break than when you need "not quite white" but still crisp.

The quirk: pair it with anything warm and the temperature difference shows fast, so let warm accents be deliberate rather than incidental.

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.81:1Fail

On Gray 100 #f5f5f5

Aa
1.66:1Fail

On Gray 900 #18181b

Aa
9.79:1AAA

On Black #000000

Aa
11.60: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

#b9c4d2
#bcc3c7
#c0bfc7
#bebec4

Create a gradient with Icebreaker

Open the generator with this color pre-loaded.

Start creating