Quick-Freeze
#bddbe1
Crystalline cool blue for high-contrast, crisp headers
About Quick-Freeze
Picture a cold-air breath caught on glass right before it fogs. Quick-Freeze sits in that exact, deliberate middle: cooler than Breezy, but not as sky-soft as H₂O, and noticeably more restrained than Break the Ice. It reads light but not airy, with a crisp, frosty undertone that holds shape on screen instead of drifting toward pale mint or near-white.
I use it when a UI needs a calm surface that still feels "present" next to darker text and content blocks. It's a strong pick for dashboards and finance apps that want clarity without going clinical, and it holds up nicely in healthcare portals and SaaS onboarding screens where you don't want the background to disappear. Compared to its neighbors, it's the one that stays cool without tipping toward the slightly warmer, looser feel of Break the Ice, and it doesn't blur like the more water-like H₂O.
Pair it with charcoal, navy, or clean slate for the most grounded look. If you go too bright with highlights, it can start to feel a touch too icy.
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.
