Sauna Steam
#edebe1
Warm light gray-beige for relaxed panels and headers
About Sauna Steam
I keep circling back to Sauna Steam because it looks like light gray that's been briefly warmed by a nearby heater, not by cream. It's softer than Blanco's ash-lean, but it doesn't drift the way Marshmallow does toward paper-dusk neutrality. Compared to Gin Tonic, it feels a bit more present and less mid-tilt, with a steadier, almost hazy calm.
For me, it's the go-to background when you need readability without that chalky "clean room" feel. I've used it in dashboards and medical interfaces where panels need to separate without shouting, and in editorial templates that want long text to sit easy. It's neutral with a faint warm undertone, so it handles light UI chrome better than cooler grays.
Pair it with deeper charcoal and cooler blues, and you'll keep the steam vibe. If you stack it next to golden tones, it can tip slightly toward beige, so watch your photography and button highlights. This is the one I reach for when you want quiet, not 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.