Blue Haze

#bdbace

Soft blue-gray haze for calmer, less icy panels

Save
Share

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 , warmer than , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.90:1Fail

On Gray 100 #f5f5f5

Aa
1.74:1Fail

On Gray 900 #18181b

Aa
9.35:1AAA

On Black #000000

Aa
11.08:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#b8b9cb
#b6bdd0
#bdbcc4
#c0bfc7

Create a gradient with Blue Haze

Open the generator with this color pre-loaded.

Start creating