Back to palettes

Palette

Dusty Rose Dream

Muted, romantic pinks and dusty blushes from a nostalgic, dream-like rose garden.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Rose Dream 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 Dream.

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

Data visualization

#C2B2B3#E0BFB8#F2C7C7#D9B3B3#AD8888

Palette guide

How to use Dusty Rose Dream

Overview

The Dusty Rose Dream palette evokes the serene beauty of a nostalgic, dream-like rose garden with its muted, romantic pinks and dusty blushes. This calm and soft collection features delicate shades like #F2C7C7 and #E0BFB8, offering a gentle, airy feel. Deeper tones such as #D9B3B3, #C2B2B3, and #AD8888 provide grounding and sophistication, ensuring versatility across various design applications. Ideal for designers and developers seeking to create warm, inviting, and vintage-inspired experiences, this palette is perfect for conveying a sense of comfort, romance, and understated elegance in both digital and physical products.

Best used for

  • Romantic website designs
  • Vintage-inspired branding
  • Cozy home decor accents
  • Feminine apparel and accessories
  • Wedding invitations and decor
  • Beauty and wellness product packaging

Suggested color roles

primary

#D9B3B3 - A balanced, soft rose that acts as a central hue for many applications.

secondary

#C2B2B3 - A slightly deeper, muted rose-taupe, excellent for supporting elements and textures.

accent

#AD8888 - The deepest shade, perfect for impactful accents or important calls-to-action.

background

#F2C7C7 - The lightest, airiest blush, providing a gentle and inviting canvas.

text

#AD8888 - A deep, readable rose-brown, offering good contrast on lighter palette colors.

Accessibility notes

  • Ensure #AD8888 is used for text on #F2C7C7 or #E0BFB8 to meet WCAG contrast guidelines.
  • Lighter shades like #F2C7C7 will require darker text for readability; avoid using other light palette colors for text.
  • Test contrast ratios for all text and background pairings, especially for interactive elements.
  • Consider supplementing with a pure black or dark charcoal for critical body text if #AD8888 proves insufficient on some backgrounds.

Recommended combinations

Blush Gradient

Smooth, subtle background transitions or layered visual effects.

#F2C7C7 · #E0BFB8 · #D9B3B3

Vintage Contrast

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

#AD8888 · #F2C7C7 · #E0BFB8

Soft Harmony

Creating balanced content blocks or decorative elements with gentle depth.

#C2B2B3 · #D9B3B3 · #E0BFB8

CSS variables

:root {
  --dusty-rose-dream-1: #C2B2B3;
  --dusty-rose-dream-2: #E0BFB8;
  --dusty-rose-dream-3: #F2C7C7;
  --dusty-rose-dream-4: #D9B3B3;
  --dusty-rose-dream-5: #AD8888;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose-dream": {
        1: "#C2B2B3",
        2: "#E0BFB8",
        3: "#F2C7C7",
        4: "#D9B3B3",
        5: "#AD8888",
      }
    }
  }
}

Related searches

muted pink dream paletteromantic blush color schemevintage rose tonescalm pastel pinkssoft rose garden colors

Palette colors

Hex values

Color 1#C2B2B3
·
Color 2#E0BFB8
·
Color 3#F2C7C7
·
Color 4#D9B3B3
·
Color 5#AD8888
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.1:1Fail
1.5:1Fail
2
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.9:1Fail
3
1.3:1Fail
1.1:1Fail
1.2:1Fail
2.1:1Fail
4
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.7:1Fail
5
1.5:1Fail
1.9:1Fail
2.1:1Fail
1.7:1Fail

Similar palettes

More like Dusty Rose Dream

View all pastel
Dusty Rose Petal
Blushing Rose Dew
Cherry Blossom Dawn
Cherry Blossom Lane
Cherry Blossom Serenade
Desert Flower Bloom