Steam Bath
#ccd0da
Cooler, misty gray-blue for spa-like spacing
About Steam Bath
You notice Steam Bath on a tablet screen right away, like a fogged glass panel after the lights warm up. It's a softer, slightly more lived-in gray than the cooler, flatter Herring Silver, but it doesn't drift toward the warmth-neutral "diplomacy" of Après-Ski. Compared with Ephemeral Blue, it keeps the cool temperature muted so the surface feels calmer, not blue.
Use it for Steam Bath-leaning secondary surfaces where you want clean neutrality with a gentle haze: healthcare and fintech dashboards, SaaS card shells, form fields in their default state, and the gray gutters around charts and tables. It reads light without going chalky, with low saturation that doesn't fight icons or data labels. It's the one you reach for when you need a background to feel soft around the edges but still hold structure.
Quirk: next to true whites it looks more "pastel-mist" than neutral, so give it darker type or pair it with mid grays to avoid a washed feel.
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.