Bubble Bath

#e8e0e9

Warm gray-lavender tint for gentle, layered spaces

Save
Share

About Bubble Bath

Bubble Bath is softer than without being less intentional, it's got enough pink in it to feel warm, but it won't fight you if you're trying to stay neutral. The saturation sits lower than , so it reads as gray first, color second. You notice the undertone only when you're looking, which is exactly the point.

Reach for this one in light-mode interfaces where warmth matters quietly: wellness apps, mental health platforms, educational dashboards, anywhere you need a background that doesn't feel clinical or cold. Body text sits on it without strain. It works under photography. Pair it with mid-tone accents or soft blacks and it'll make them feel approachable without getting in the way.

Unlike Angelic Wings, which strips mood entirely, this one actually adds something, just not enough to distract. Unlike Cloud Break, which leans subtly purple, Bubble Bath's pink is grounded, almost grayed-down. It's the shade that works harder than it looks because nobody's supposed to notice it's working.

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.29:1Fail

On Gray 100 #f5f5f5

Aa
1.18:1Fail

On Gray 900 #18181b

Aa
13.73:1AAA

On Black #000000

Aa
16.27: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.

Create a gradient with Bubble Bath

Open the generator with this color pre-loaded.

Start creating