Dusty Rose Hex Code: #DCAE96 — Copy + RGB, Shades & Pairings
Quick reference for dusty rose hex, RGB, HSL, and colour codes—plus ten shades from pale blush to deep rose brown, four palette pairings, and UI notes in one place.
Dusty rose
Light dusty
Deep dusty
Dusty Rose Hex Code: #DCAE96
Muted pink-brown for lifestyle and beauty UI — copy values for Figma, CSS, or tokens.
Dusty Rose RGB Code
The dusty rose rgb value is RGB(220, 174, 150)—red 220, green 174, blue 150. Use the copy button below for handoff to Figma, Android resources, or print specs.
Dusty rose RGB — click to copy
RGB(220,174,150)rgb(220, 174, 150) · hsl(23, 51%, 73%)
Dusty Rose Color Code for Different Formats
Whether you need the dusty rose rgb code, hex, HSL, or CMYK, every format for #DCAE96 is listed below—each with its own copy button.
What is the Dusty Rose HTML Color Code?
The dusty rose html color code is #DCAE96. It is a valid CSS and HTML color value—you can paste it directly into stylesheets, inline styles, SVG fills, and React or Vue theme files. For design-system handoffs, document hex and RGB together so engineers and content authors stay aligned.
Dusty rose shades (lightest → darkest)
Ten stops from pale blush to deep rose brown. Copy any hex for backgrounds, borders, or UI tokens.
| Swatch | Shade | Hex |
|---|---|---|
| Pale dusty | #F2E0D4 | |
| Soft blush | #EDD5C8 | |
| Light dusty rose | #E5C4B0 | |
| Dusty pink | #DDB89E | |
| Dusty rose | #DCAE96 | |
| Muted rose | #C99A82 | |
| Antique rose | #B8846E | |
| Clay rose | #A67362 | |
| Deep dusty | #8F5E52 | |
| Dark rose brown | #6B4540 |
Dusty Rose Palette Pairings
Four dusty rose combinations with copy-ready hex codes—sage botanical calm, navy editorial contrast, cream hospitality, and terracotta clay warmth.
Dusty rose + Sage (botanical calm)
Sage fields (#B2AC88) with dusty rose accents (#DCAE96) and cream cards (#FFF8F0) read as dried flowers and linen—ideal for wellness, skincare, and organic lifestyle brands.
Dusty rose + Navy (editorial contrast)
Navy headers (#000080) ground airy dusty rose section bands. Charcoal body copy (#36454F) on cream keeps long reads legible while rose handles tags and testimonial highlights.
Dusty rose + Cream (soft hospitality)
Cream backgrounds (#FFF8F0) with dusty rose navigation and pull quotes feel editorial without bubblegum pink. Add terracotta (#E2725B) for primary CTAs so actions stay visible.
Dusty rose + Terracotta (warm clay)
Terracotta CTAs (#E2725B) on dusty rose wells (#DCAE96) signal sun-baked ceramics and bridal stationery. Keep photography neutrally graded so two warm hues do not clash.
#DCAE96 is the dusty rose hex code most lifestyle and beauty teams need first. If you searched for dusty rose hex code, dusty rose color code, or dusty rose colour code, you want a muted pink-brown you can paste into CSS, Figma, or a style guide—not hot pink or cool mauve. This page gives the canonical web value, ten related shades, and four palette pairings with sage, navy, cream, and terracotta.
Dusty rose hex code (the usual answers)
Unlike CSS named greens, there is no single browser keyword for dusty rose—teams standardize on hex #DCAE96 in design tokens. At RGB(220, 174, 150) and HSL(23, 51%, 73%) it reads as warm, desaturated pink: enough chroma for accents, low enough saturation to sit behind photography without shouting. Lighter rows in the shade table (#F2E0D4, #EDD5C8) work for full-width backgrounds; deeper stops (#8F5E52, #6B4540) anchor navigation and small type.
Not sure what to call a hex from a brand PDF? Use our color name finder to match screenshots to the nearest named color—especially when clients say “dusty pink” without a number.
Dusty rose colour code (UK) and RGB
British English searches for dusty rose colour code still expect hex on screen—only spelling in copy changes, not the RGB digits you paste into stylesheets. List hex, RGB, and HSL in one table so handoffs stop drifting between disciplines.
- #DCAE96 → RGB rgb(220, 174, 150)
- #B8846E → RGB rgb(184, 132, 110) for deeper accents
Dusty rose vs blush vs terracotta
Searchers conflate warm pinks. Dusty rose (#DCAE96) is muted pink-brown. Blush (#E8B4B8) is cooler and more saturated. Terracotta (#E2725B) is orange-clay—better for CTAs than large dusty rose fields. Pair dusty rose structure with terracotta buttons; see our terracotta hex guide for clay-tone ramps.
Sage green (#B2AC88) is the other natural partner dusty rose pages link to most often—together they signal botanical calm without clinical white. Our sage green hex guide lists the full muted green ramp.
Dusty rose in UI and accessibility
Dusty rose works for section bands, testimonial cards, and beauty packaging mockups when contrast is verified. Charcoal text (#36454F) on light dusty rows (#F2E0D4) usually passes WCAG AA for body copy; white text on mid-tone #DCAE96 often fails at 14px—use deep dusty (#8F5E52) or navy for buttons instead. Run every pair through the contrast checker before launch.
Dark mode: dusty rose tints can glow pink on #111827. Desaturate section backgrounds by 10% or swap to charcoal wells with dusty rose chips only. Re-test focus rings on both light and dark surfaces.
Extend #DCAE96 into hover and disabled ramps with the palette generator, or blend dusty rose with sage in the Color Mixing Simulator when briefing illustration palettes.
Dusty rose in branding and print
Bridal stationery, skincare, and lifestyle editorial gravitate toward dusty rose because it flatters skin tones in photography better than bubblegum pink. When the dusty rose color code anchors invitations or packaging, keep secondary colors restrained—cream, sage, or navy—so the mark does not compete with florals in hero shots.
Print inks gain warmth on uncoated stock; digital #DCAE96 may read slightly cooler on low-end displays. Document web hex as source of truth and note CMYK approximations (C:0 M:21 Y:32 K:14) in vendor appendices so manufacturing variance does not surprise brand reviewers.
Also searched for
- What is the dusty rose hex code?
- A widely used dusty rose hex code is #DCAE96, approximately RGB(220, 174, 150) and HSL(23, 51%, 73%). Paint and textile dusty roses vary; define your canonical hex in the design system so web and print stay aligned.
- What is the dusty rose RGB code?
- For #DCAE96, the dusty rose RGB code is RGB(220,174,150)—the same as rgb(220, 174, 150) in CSS. Use these channels in design tools, Android resources, and print specs.
- What colors go well with dusty rose?
- Sage green (#B2AC88), cream (#FFF8F0), navy (#000080), terracotta (#E2725B), and charcoal (#36454F) pair reliably with dusty rose. Always test text and control colors for WCAG contrast.
- Is dusty rose the same as blush pink?
- No. Dusty rose (#DCAE96) is a muted pink-brown with warm gray undertones. Blush (#E8B4B8) is cooler and more saturated. Document both separately if your brand uses them in different product lines.
Related colors
- Sage Green Hex Code — muted gray-green partner for dusty rose layouts
- Terracotta Hex Code — warm clay CTA accent beside dusty rose
- Pink-Purple Color Names — mauve and blush names with hex codes
Where to go next
- Generate harmonies from dusty rose #DCAE96
- Mix dusty rose with sage or terracotta in the Color Mixing Simulator
Build your palette
Use our free tools to create and test your color palette.