pastelearthywarm
Dusty Rose Color Palette
Dusty Rose is a pastel, earthy and warm color palette of 5 colors: Taupe (#4a3f45), Gray (#8e7f86), Dusty Rose (#c9a9a6), Bone (#e8d6cb) and Linen (#f6efe9). It leans on neutral tones rather than one strong hue.
The darkest color, Taupe, on the lightest, Linen, gives a 8.83:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Dusty Rose (#c9a9a6) is its most saturated color and a natural choice for buttons and links.
Colors
- Taupe
- Gray
- Dusty Rose
- Bone
- Linen
CSS Output
:root {
--dusty-rose-1: #4a3f45;
--dusty-rose-2: #8e7f86;
--dusty-rose-3: #c9a9a6;
--dusty-rose-4: #e8d6cb;
--dusty-rose-5: #f6efe9;
}Dusty Rose on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Taupe on Linen#4a3f45 on #f6efe98.83:1AAA
- Taupe on Bone#4a3f45 on #e8d6cb7.14:1AAA
- Taupe on Dusty Rose#4a3f45 on #c9a9a64.64:1AA
- Gray on Linen#8e7f86 on #f6efe93.33:1AA Large