Palette

Dusty Rose Garden

Muted pinks and creams evoking a classic rose garden under a soft, dusty light.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B76E79#C88F96#DAB2B9#ECCDD1#FAE3E7

Palette guide

How to use Dusty Rose Garden

Overview

The Dusty Rose Garden palette evokes a classic rose garden under a soft, dusty light, offering an elegant collection of muted pinks and creams. With its lightest shade #FAE3E7 providing an ethereal base, and gradually deepening through #ECCDD1, #DAB2B9, and #C88F96, the palette culminates in the rich #B76E79. This scheme is perfect for designers and developers aiming to create sophisticated, romantic, or gentle aesthetics. It excels in conveying softness and warmth without being overly vibrant, making it suitable for applications that require a delicate touch and a timeless, elegant appeal across digital and physical mediums.

Best used for

Elegant wedding branding
Luxury fashion and beauty design
Feminine lifestyle blogs
Interior design for romantic spaces
Delicate packaging design
Vintage-inspired digital art

Suggested color roles

primary

#C88F96 - A balanced, soft rose hue, perfect for main interactive elements or brand identity.

secondary

#DAB2B9 - A lighter, supportive pink, ideal for secondary backgrounds or subtle highlights.

accent

#B76E79 - The deepest, richest rose, excellent for calls-to-action or important visual cues.

background

#FAE3E7 - The lightest, almost white, providing a clean and gentle canvas.

text

#B76E79 - A deep, sophisticated rose, ensuring strong readability against lighter palette colors.

Accessibility notes

Ensure sufficient contrast when using #FAE3E7 or #ECCDD1 for text; always pair with a very dark color like #B76E79.
The darker shades like #B76E79 and #C88F96 offer good contrast for text on #FAE3E7 or #ECCDD1 backgrounds.
Avoid using #DAB2B9 or #C88F96 for text on other light palette colors to prevent readability issues.
Test all text/background color pairs with WCAG 2.1 AA guidelines, especially for small text.

Recommended combinations

Garden Mist

Soft, ethereal backgrounds, delicate overlays, or subtle content dividers.

#FAE3E7 · #ECCDD1 · #DAB2B9

Rose Depth

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

#B76E79 · #FAE3E7 · #C88F96

Muted Harmony

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

#C88F96 · #DAB2B9 · #ECCDD1

CSS variables

:root {
  --dusty-rose-garden-2-1: #B76E79;
  --dusty-rose-garden-2-2: #C88F96;
  --dusty-rose-garden-2-3: #DAB2B9;
  --dusty-rose-garden-2-4: #ECCDD1;
  --dusty-rose-garden-2-5: #FAE3E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose-garden-2": {
        1: "#B76E79",
        2: "#C88F96",
        3: "#DAB2B9",
        4: "#ECCDD1",
        5: "#FAE3E7",
      }
    }
  }
}

Hex values

Color 1#B76E79

Color 2#C88F96

Color 3#DAB2B9

Color 4#ECCDD1

Color 5#FAE3E7

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

2.6:1Fail

3.1:1AA18

1.4:1Fail

1.8:1Fail

2.2:1Fail

2:1Fail

1.4:1Fail

1.3:1Fail

1.6:1Fail

2.6:1Fail

1.8:1Fail

1.3:1Fail

1.2:1Fail

3.1:1AA18

2.2:1Fail

1.6:1Fail

1.2:1Fail

Similar palettes

More like Dusty Rose Garden

Dusty Rose Garden

See it in context.

Ready when you are.

Built with Dusty Rose Garden.

How to use Dusty Rose Garden

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Garden Mist

Rose Depth

Muted Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dusty Rose Garden