UI Shades

A study in orange

Dusty Rose

#DCAE96

Family
Orange
L
0.786
C
0.063
H
49°

Notes

Dusty Rose is a curated muted pink with strong brown undertones, popular in fashion, hospitality, and wedding branding. The hex sits in the warm-neutral zone of the color wheel and reads as romantic without leaning juvenile. Pair with sage green for vintage, with cream and brass for luxury hospitality, or with deep burgundy for editorial fashion contrast. As a primary brand color it works in lifestyle contexts; in business or technical interfaces it can feel out of register against the conventional palette. Body text contrast against white fails AA at every size - treat it as a surface, not a type color.

#dcae96
Dusty Rose
Dusty Rose
#dcae96
oklch(0.786 0.063 48.93)
rgb(220 174 150)
hsl(20.6 50% 72.5%)
Share
#fff8f3
#fff1e9
#fbdfd0
#f3cbb6
#dcae96
#ad7f67
#936750
#7c533e
#5b3b2a
#3f2719
#22130b

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dusty Rose

Cross-reference
Q&A

Frequently asked questions

What is Dusty Rose?

Dusty Rose is a curated muted pink with strong brown undertones, popular in fashion, hospitality, and wedding branding. The hex sits in the warm-neutral zone of the color wheel and reads as romantic without leaning juvenile. Its hex code is #DCAE96.

What are the tints and shades of Dusty Rose?

uishades builds an 11-step OKLCH ramp for Dusty Rose (#DCAE96) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dusty Rose?

Its complementary color is #8FC2DA. Triadic partners are #91C7B2 and #B7B3E0; analogous neighbours are #D0B58C and #DFAAA9.

What are the OKLCH and RGB values of Dusty Rose?

Dusty Rose is #DCAE96 - OKLCH 0.786 0.063 49°, rgb(220 174 150), in the orange family.