Dusty Rose Color Palette

Dusty rose is pink with the saturation taken out — #C08497 is only 32% saturated, and that chalky, faded quality is the whole identity of the colour. Grab the HEX codes from a scheme below, or build a custom dusty rose palette around any base colour.

Dusty Rose Palette Ideas & HEX Codes

Dusty Rose is the straight version, one hue from #8C5C6E up to #EAC4D5. Rose & Mauve pulls the dark end toward purple with #6D597A at 276°, which is where the mauve association comes from. Muted Rose drifts the other way, ending on neutral 0° tones like #E6C7C7 and #F3E1E1.

Dusty Rose

#8C5C6E
#B07C89
#C08497
#D8A7B1
#EAC4D5

Rose & Mauve

#6D597A
#967B94
#C08497
#D9A5B3
#E8B4B8

Muted Rose

#A56E78
#C08497
#D0A5A5
#E6C7C7
#F3E1E1

Anchored to a dusty rose base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

What Goes With Dusty Rose

Dusty rose sits close to grey, so it pairs with other muted colours rather than bright ones: sage green is the standard wedding pairing, taupe and cream give it a ground, and a deep burgundy works when the set needs a dark anchor. Bridal, beauty, vintage and interior brands use it more than anything else.

Frequently Asked Questions

What HEX codes make a dusty rose palette?
Dusty rose is a greyed-down pink — try #C08497 as the hero, with a deeper mauve (#8C5C6E, #967B94) for contrast and soft blush tints (#D8A7B1, #EAC4D5) to lighten it. The muted, slightly grey saturation is what separates dusty rose from a bright pink. Rather than mixing your own, take one of the three sets above: Dusty Rose, Rose & Mauve or Muted Rose. Their outer limits are #6D597A and #F3E1E1, a ratio of 4.9:1, past the 4.5:1 WCAG AA minimum for body text.
What is the difference between dusty rose and mauve?
Hue separates dusty rose from mauve. Dusty rose #C08497 sits at 341°, on the red side; mauve sits nearer 276°–304°, which is exactly where the Rose & Mauve set below goes with #6D597A and #967B94. Both are muted and similar in lightness, so the tell is whether the colour leans red or leans purple.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #C08497, so the first block you copy is a set of dusty rose variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.
Which dusty rose shades are readable as text on white?
The deeper dusty rose shades work as body text on white and the pale ones do not. The base shade used here, #C08497, gives 3:1 against #FFFFFF, usable for large headings but not for body text. The darkest code on this page, #6D597A, reaches 6.2:1 on white and clears the 4.5:1 WCAG AA line for body text. The palest, #F3E1E1, sits at 1.2:1 and belongs behind text rather than in it, with something dark on top.

More palettes: Rose Gold palette  ·  Blush palette  ·  Coquette palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→