Breaking the Ice
#b8e4f5
Bright, clean ice-blue with cool airy lift
About Breaking the Ice
Breaking the Ice sits in that sweet spot between sky and fabric, softer than Alpine Expedition but with actual presence, the kind of pale blue that doesn't vanish the way Cloudless does. It's got enough saturation to read as intentional, enough lightness to feel approachable. You notice it without it demanding attention.
You'll land here in healthcare and fintech interfaces where you need a cool background that doesn't feel cold or clinical. SaaS onboarding flows, product dashboards, settings pages in apps where trust matters more than energy. It works as a secondary surface or a breathing-room accent, places where Caribbean would feel too warm and grounded, but pure white would read as empty. Pairs reliably with dark slate or charcoal without looking sterile.
The real difference: it holds its own across screens without the temperature sensitivity that trips up Cloudless, but it won't give you that glowing, almost-neon quality Alpine brings. It's the one you reach for when you want something blue that actually feels calm, not just pale.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.