Shaving Cream

#e1e5e5

Save

About Shaving Cream

Shaving Cream looks like the residue you see on a mirror right after you wipe it clean: pale, matte, and softly buffered. It's a very light gray, but it doesn't drift mint-cyan the way Jet d'Eau does, and it doesn't feel as water-soft and neutral as Queen of Waves. Compared with Free Spirit's airier paper vibe, this one reads a touch more muted and milky, with less openness at the same brightness.

I use it when I need a background that stays calm under dense typography, especially in dashboards and finance apps where you want secondary panels to feel warmer than pure white without turning beige. It also works well for healthcare UI like form shells and notification cards, where you need "clean" but not frosty. It's the one you reach for when you want the gray to step back and stop competing with outlines, tables, and muted icons.

Quirk: pair it with cooler mid-grays for structure, otherwise it can start to feel slightly chalky next to brighter off-whites.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Shaving Cream

Open the generator with this color pre-loaded.

Start creating