About Muddy Mauve
Muddy Mauve looks like the color you get after a rosy pink settles into a satin room with soft daylight. It's not the crisp, clean pink of Fairy Tale, and it doesn't feel pulled back and cooler like Creamy Berry. Compared to Fallen Blossoms, it's a touch more grounded and dusty, with less airy lift and more weight in the midtones.
I reach for it when you want a Red-family surface that reads warm, but not sugary. Great for skin and beauty app cards where you need calm emphasis on backgrounds, not blush-on-the-nose. It also works well in healthcare products for patient portal panels, empty states, and step containers where you want "selected" to feel reassuring instead of loud. Think subtle highlights, tab strips, and banner backs in onboarding flows, especially on layouts that already carry peach or rose accents.
One quirk: beside brighter pinks it can look slightly more desaturated. Pair it with cream, taupe, or deep rose typography so the UI stays readable and 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.
