Below Zero
#87cded
Colder, deeper ice blue for contrast blocks
About Below Zero
Below Zero sits right where blue stops being pale and starts being actual color. It's got enough saturation to feel deliberate, enough lightness to stay friendly, the middle child between Andromeda's muted restraint and Clear Sky's near-whiteness. This is the blue that looks like blue on your screen without needing you to second-guess whether it's just a very faint tint.
You'll land here in product interfaces, SaaS dashboards, and fintech apps where you need a secondary surface that doesn't disappear but doesn't compete either. Works in data tables, card backgrounds, settings panels, anywhere the color needs to hold its ground without the punch of something saturated. Unlike Ariel, it doesn't require perfect monitor conditions to read as blue; unlike Clear Sky, it's not trying to vanish behind text. Cooler in temperature than Breezy, warmer than the clinical end of the spectrum, it's the one you reach for when desaturated doesn't mean defeated.
Pair it with dark charcoal and the contrast clicks immediately. On warmer displays it might nudge slightly toward cyan, which isn't a bug, it just reads a touch more approachable that way.
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.