Bath Bubbles
#e6f2ea
Soft gray-green mist for airy panels
About Bath Bubbles
Bath Bubbles is what happens when you let a neutral gray breathe a little, it's got just enough green to feel alive, but not so much that it reads as intentional color choice. It sits warmer and more saturated than Beluga, less clinical than Candied Snow. You notice the difference the moment you place it next to a true cool gray.
Reach for it in dark mode interfaces for healthcare, fintech dashboards, and SaaS tools where pale backgrounds need to feel approachable without leaning warm. Body text, input fields, secondary panels, disabled states, the places where pure grays feel sterile but you still want restraint. It's got enough presence to hold its own in information-dense layouts without demanding attention.
The catch: that green undertone is a gift with blues and cool neutrals nearby, but pair it with teals or true greens and it flattens fast. Test it early against your actual dark backgrounds. It works harder than lighter grays, but it still needs real contrast to breathe.
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.