Sub-Zero
#57a1ce
Icy, higher-saturation UI blue for crisp highlights
About Sub-Zero
Sub-Zero looks like a clean breath of blue over light UI chrome. It's cooler than Mystic Blue and reads more "ice" than "ink", with a slightly deeper, more restrained saturation than Cousteau's receding support tone. Compared to Canadian Tuxedo, it's less balanced and more icy, so it doesn't sit as quietly in the middle band.
I usually drop Sub-Zero into dashboards and finance apps when I want the accent to feel precise, not friendly. Think fintech transfer states, health interfaces for verified actions, and SaaS chart highlights where you need a clear active or primary-adjacent signal on white backgrounds. It's the one you reach for when warmer blues start feeling heavy, but you still want the control to anchor.
One note: because it's so cold, it can feel a touch stricter next to gray-blue neutrals. Pair it with crisp grays and slightly warm off-whites so it stays crisp without turning sterile.
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.