Dusty Mauve Color Palette
Muted pink and mauve deepening into plum, soft and understated.
Use as a gradient →
Colors
#D5B9B2
#C89F9C
#A97C73
#7D5A5A
#543344
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #D5B9B2 | T - | T - | |
| #C89F9C | T - | T - | |
| #A97C73 | T - | T - | |
| #7D5A5A | T - | T - | |
| #543344 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Dusty Mauve CSS Code
HEX Copy
#D5B9B2 #C89F9C #A97C73 #7D5A5A #543344
RGBA Copy
rgba(213, 185, 178, 1.0) rgba(200, 159, 156, 1.0) rgba(169, 124, 115, 1.0) rgba(125, 90, 90, 1.0) rgba(84, 51, 68, 1.0)
HSLA Copy
hsla(12, 29%, 77%, 1.0) hsla(4, 29%, 70%, 1.0) hsla(10, 24%, 56%, 1.0) hsla(0, 16%, 42%, 1.0) hsla(329, 24%, 26%, 1.0)
More Color Palettes
FAQ
What colors are in the Dusty Mauve palette?Muted pink and mauve deepening into plum, soft and understated.
How do I turn the Dusty Mauve palette into a CSS gradient?
Use
background: linear-gradient(to right, #D5B9B2, #C89F9C, #A97C73, #7D5A5A, #543344);, or click "Use as a gradient" above to open it in the live generator.