Dusty Mauve Color Palette: Hex Codes & CSS

Q: How do I turn the Dusty Mauve palette into a CSS gradient?

Use background: linear-gradient(to right, #D5B9B2, #C89F9C, #A97C73, #7D5A5A, #543344);, or open it in the live gradient generator to customize it further.

Dusty Mauve Color Palette

Muted pink and mauve deepening into plum, soft and understated.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#D5B9B2

#C89F9C

#A97C73

#7D5A5A

#543344

Contrast on Light & Dark Backgrounds

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. Click a check to verify it on colorcontrastcheck.com.

Dusty Mauve CSS Code

#D5B9B2
#C89F9C
#A97C73
#7D5A5A
#543344

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(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)

oklch(80.78% 0.0338 34.32)
oklch(73.92% 0.0491 23.19)
oklch(62.84% 0.0582 31.52)
oklch(50.43% 0.0464 18.82)
oklch(36.71% 0.0538 347.86)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Dusty Mauve palette?