Classy Mauve
#bb99aa
Cooler, lighter mauve neutral for calm contrast
About Classy Mauve
Classy Mauve is what happens when you desaturate a pink so far it stops reading as pink at all. It's cooler and grayer than Blush Bomb, less willing to play along. Where Brandywine Spritz announces itself, this one sits back, but not so far back that it disappears like Creamy Berry does. There's still color underneath, just muted enough to feel considered.
You reach for this in patient portals, wellness dashboards, and beauty apps where the interface needs softness without warmth creeping in. Works as a button state or card tint without the density of the saturated pinks or the near-invisibility of the truly pale ones. The gray undertone is what sets it apart, pair it with cool neutrals and it settles in like it was always supposed to be there. Pair it with warm cream and it actually gains dimension instead of flattening.
Test it at real size before committing. At small scales it can read flat or disappear into the background, but when you get the context right, especially against cooler grays, it's the one that proves restraint isn't the same as being boring.
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.