Muted Mauve
#b3a9a3
Dusty mauve-gray for soft, cooler skin-tone palettes
About Muted Mauve
Muted Mauve is the gray I notice when a UI background has that slight blush of restraint. It feels softer and more tailored than Mushroom, but less beige-leaning and cleaner than Martini. Compared to Grey Marble, it's clearly warmer and a touch more saturated, with a mauve undertone that keeps it from reading like flat stone.
I use it where the interface should feel calm but not characterless: fashion and lifestyle product pages, editorial CMS layouts, and media sites that need neutral surfaces behind captions and controls. It also works well in onboarding flows and settings screens when you want soft structure with less "dust" than Mushroom and more personality than the cooler grays in the set. Pair it with near-black text and muted cool accents so the mauve stays controlled.
One quirk: next to very pale creams, it can look slightly pink. If that's not the mood, keep companion neutrals on the cooler side.
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.
