Back to palettes

Palette

Dusty Rose Bloom

Soft, muted pinks blend gracefully, like petals gently aged by time yet still beautiful.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0B0B0#D48C8C#B75A5A#8A2D2D#F0C4C4

Palette guide

How to use Dusty Rose Bloom

Overview

The Dusty Rose Bloom palette offers a harmonious blend of soft, muted pinks perfect for evoking a sense of calm and gentle elegance. Featuring shades like the delicate #F0C4C4 and the slightly deeper #E0B0B0, it transitions smoothly into richer tones such as #D48C8C and the more vibrant #B75A5A. The deepest hue, #8A2D2D, provides excellent contrast and grounding. This versatile palette is ideal for designers and developers aiming to create inviting, romantic, or vintage-inspired digital and physical products. Its gentle nature makes it suitable for conveying warmth without being overpowering, ensuring a sophisticated and comforting user experience across various applications.

Best used for

  • Wedding stationery and decor
  • Feminine brand identity
  • Cozy home interior design
  • Beauty and skincare packaging
  • Romantic web and app themes
  • Vintage-inspired fashion collections

Suggested color roles

primary

#D48C8C - A balanced, inviting rose tone, suitable for main interactive elements or brand accents.

secondary

#E0B0B0 - A lighter, supportive shade, excellent for secondary backgrounds or subtle highlights.

accent

#B75A5A - A richer, more saturated rose, perfect for calls-to-action or important visual cues.

background

#F0C4C4 - The lightest shade, providing a soft, airy canvas for content.

text

#8A2D2D - A deep, grounding rose-brown, ensuring strong readability against lighter palette colors.

Accessibility notes

  • Ensure sufficient contrast when using #F0C4C4 or #E0B0B0 for text on light backgrounds; consider a darker text color like #8A2D2D.
  • The darker shades like #8A2D2D and #B75A5A offer good contrast for text on #F0C4C4 or #E0B0B0 backgrounds.
  • Test all text/background color pairs with WCAG 2.1 AA guidelines, especially for small text.
  • Avoid using #E0B0B0 on #D48C8C as the contrast may be insufficient for readability.

Recommended combinations

Soft Gradient

Subtle background gradients, layered UI cards, or gentle illustrations.

#F0C4C4 · #E0B0B0 · #D48C8C

Accent & Base

High-contrast headings or buttons on a clean, light background.

#8A2D2D · #F0C4C4 · #D48C8C

Rich Harmony

Harmonious groupings of content, decorative elements, or brand highlights.

#B75A5A · #D48C8C · #E0B0B0

CSS variables

:root {
  --dusty-rose-bloom-2-1: #E0B0B0;
  --dusty-rose-bloom-2-2: #D48C8C;
  --dusty-rose-bloom-2-3: #B75A5A;
  --dusty-rose-bloom-2-4: #8A2D2D;
  --dusty-rose-bloom-2-5: #F0C4C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose-bloom-2": {
        1: "#E0B0B0",
        2: "#D48C8C",
        3: "#B75A5A",
        4: "#8A2D2D",
        5: "#F0C4C4",
      }
    }
  }
}

Related searches

dusty rose color schememuted pink paletteromantic blush tonesgentle pastel colorsvintage rose aesthetic

Palette colors

Hex values

Color 1#E0B0B0
·
Color 2#D48C8C
·
Color 3#B75A5A
·
Color 4#8A2D2D
·
Color 5#F0C4C4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
4.4:1AA18
1.2:1Fail
2
1.4:1Fail
1.7:1Fail
3.2:1AA18
1.7:1Fail
3
2.4:1Fail
1.7:1Fail
1.9:1Fail
2.9:1Fail
4
4.4:1AA18
3.2:1AA18
1.9:1Fail
5.4:1AA
5
1.2:1Fail
1.7:1Fail
2.9:1Fail
5.4:1AA

Similar palettes

More like Dusty Rose Bloom

View all pastel
Soft Petal Blush
Soft Petals
Cherry Blossom Bloom
Cherry Blossom Breeze
Desert Bloom Pastel
Desert Rose Blush