Blue Haze
#bdbace
Soft blue-gray haze for calmer, less icy panels
About Blue Haze
Blue Haze walks a tighter line than its neighbors. It's got the gray foundation of Après-Ski but trades that diplomatic fence-sitting for something with actual presence, a whisper of blue that's quieter than Arctic Ice, warmer than Cold Shoulder, and noticeably less soft than Big Fish to Fry. You notice it's there. That matters.
Reach for it in dashboards, healthcare platforms, and fintech apps where secondary surfaces need to feel intentional without being loud. Card backgrounds, form fields, disabled states, the infrastructure of an interface. It's the background that does work: enough weight to create real contrast, enough restraint to not fight your accent colors. The blue sits just deep enough that it reads as considered rather than default.
Pair it with cool primaries and it strengthens them. Mix it with warm accents and the blue becomes more visible, not a flaw, just something to know. It's less forgiving than Après-Ski when you're palette-hopping, which is exactly why it works when you need a background that signals a deliberate choice, not a compromise.
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.