Mighty Mauve
#8f7f85
Warm mauve-gray for softer hierarchy than misty cools
About Mighty Mauve
Mighty Mauve reads like a gray that kept its cool but let a hint of rose slip in at the edges. On my screen it feels slightly softer and more velvety than the more lavender-leaning mid-grays, and it never turns as brown-warm as the beige-leaning end of the family. Against plain gray UI it looks subtly "tinted" without getting playful.
Compared to Hong Kong Mist, this one has less of that airy, bluish restraint and more mauve presence. Versus Gull, it doesn't go to the warmer, approachable middle. And unlike Chain Mail, it stays lighter and less metal-dense, so it won't anchor a layout like a heavy surface. I reach for it in dashboards and admin tooling that need muted control panels, plus healthcare forms and editorial sidebars where labels sit next to data for long stretches.
One quirk: pair it with crisp neutrals or slightly darker text, otherwise it can look like it's trying to match neighboring grays when you stack multiple backgrounds. Keep accents a touch cleaner so the mauve undertone stays intentional.
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.