Back to palettes

Palette

Dusty Rose

Muted, sophisticated pinks with a hint of earthy brown, exuding a timeless, delicate charm.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Rose reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Dusty Rose.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#D4939C#C28D8D#B57B7B#9F6F6F#8A5E5E

Palette guide

How to use Dusty Rose

Overview

The Dusty Rose palette presents a collection of muted, sophisticated pinks with a hint of earthy brown, exuding a timeless, delicate charm. Ranging from the lighter #D4939C and #C28D8D, through the balanced #B57B7B and #9F6F6F, to the grounding #8A5E5E, this palette offers a versatile range for designers and developers. It's ideal for creating elegant, vintage-inspired, or subtly romantic experiences in digital interfaces, branding, or physical products. The subdued nature of these colors ensures a sophisticated aesthetic that is both inviting and refined, perfect for conveying warmth and understated luxury.

Best used for

  • Elegant brand identities
  • Vintage-themed web designs
  • Romantic stationery and invitations
  • Feminine fashion and accessories
  • Cozy home decor accents
  • Beauty and wellness product packaging

Suggested color roles

primary

#C28D8D - A balanced, inviting dusty rose, ideal for main interactive elements or brand accents.

secondary

#B57B7B - A slightly deeper, muted rose, excellent for supporting content or secondary highlights.

accent

#8A5E5E - The deepest, most grounding rose-brown, perfect for impactful accents or calls-to-action.

background

#D4939C - The lightest, softest pink, providing a gentle and inviting canvas.

text

#8A5E5E - A deep, readable rose-brown, ensuring strong contrast on lighter palette colors.

Accessibility notes

  • Ensure #8A5E5E is used for text on #D4939C or #C28D8D to meet WCAG contrast guidelines.
  • Avoid using #B57B7B or #9F6F6F for text on other mid-tone palette colors due to insufficient contrast.
  • The darkest shades provide excellent contrast for text on any of the lighter palette colors.
  • Test all text/background color pairs with WCAG 2.1 AA guidelines, especially for small text.

Recommended combinations

Soft Blush Gradient

Smooth, subtle background transitions or layered visual effects in web or print.

#D4939C · #C28D8D · #B57B7B

Grounded Contrast

High-contrast headings, buttons, or key information against a soft, light backdrop.

#8A5E5E · #D4939C · #C28D8D

Sophisticated Harmony

Creating balanced content blocks or decorative elements with gentle depth and sophistication.

#9F6F6F · #B57B7B · #C28D8D

CSS variables

:root {
  --dusty-rose-1: #D4939C;
  --dusty-rose-2: #C28D8D;
  --dusty-rose-3: #B57B7B;
  --dusty-rose-4: #9F6F6F;
  --dusty-rose-5: #8A5E5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose": {
        1: "#D4939C",
        2: "#C28D8D",
        3: "#B57B7B",
        4: "#9F6F6F",
        5: "#8A5E5E",
      }
    }
  }
}

Related searches

dusty rose color schememuted pink brown palettevintage blush toneselegant subtle pinksromantic earth tones

Palette colors

Hex values

Color 1#D4939C
·
Color 2#C28D8D
·
Color 3#B57B7B
·
Color 4#9F6F6F
·
Color 5#8A5E5E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.7:1Fail
2.2:1Fail
2
1.1:1Fail
1.2:1Fail
1.5:1Fail
1.9:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail
4
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.3:1Fail
5
2.2:1Fail
1.9:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Dusty Rose

View all neutral
Aged Leather Tome
Aged Parchment Script
Aged Parchment Tome
Ancient Scroll Patina
Antique Book Binding
Antique Book Pages