Back to palettes

Palette

Dusty Rose Petal

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 Petal 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 Petal.

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 Petal

Overview

The Dusty Rose Petal palette offers a romantic collection of muted pinks and dusty blushes, reminiscent of a nostalgic, dream-like rose garden. Featuring delicate shades like #F2C7C7 and #E0BFB8 for an airy feel, and progressing to deeper tones such as #D9B3B3, #C2B2B3, and #AD8888 for grounding and sophistication, this palette exudes calm and vintage charm. Designers and developers can utilize these colors to create warm, inviting, and serene experiences. It's perfectly suited for projects aiming to convey comfort, romance, and understated elegance in both digital and physical products, from web interfaces to packaging.

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-petal-1: #C2B2B3;
  --dusty-rose-petal-2: #E0BFB8;
  --dusty-rose-petal-3: #F2C7C7;
  --dusty-rose-petal-4: #D9B3B3;
  --dusty-rose-petal-5: #AD8888;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose-petal": {
        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 Petal

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