Shaving Cream
#e1e5e5
Near-white gray with muted warmth for soft backgrounds
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.
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.
