Candy Garden

pastel palette with a balanced five-color hierarchy for design use.

#Pastel#Soft#Light

Open in Generator

COLOR 1

#D6A6CE

Kunzite

COLOR 2

#EAC3DE

Orchid Tint

COLOR 3

#D799B0

Nadeshiko Pink

COLOR 4

#F1E3E4

Dawn Pink

COLOR 5

#F5F9F8

Slate 50

Color Values & Codes

HEX · RGB · HSL

Kunzite

#D6A6CE

rgb(214, 166, 206)hsl(310, 37%, 75%)Color details →

Orchid Tint

#EAC3DE

rgb(234, 195, 222)hsl(318, 48%, 84%)Color details →

Nadeshiko Pink

#D799B0

rgb(215, 153, 176)hsl(338, 44%, 72%)Color details →

Dawn Pink

#F1E3E4

rgb(241, 227, 228)hsl(356, 33%, 92%)Color details →

Slate 50

#F5F9F8

rgb(245, 249, 248)hsl(165, 25%, 97%)Color details →

Open In Design Tools

Palette Generator

Lock & shuffle colors

Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet

:root {
  --color-1: #D6A6CE;
  --color-2: #EAC3DE;
  --color-3: #D799B0;
  --color-4: #F1E3E4;
  --color-5: #F5F9F8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text

#D6A6CE on #F1E3E41.65:1

Large Text Only (Fail)

Sample Text

#D6A6CE on #F5F9F81.94:1

Large Text Only (Fail)

Sample Text

#EAC3DE on #F1E3E41.26:1

Large Text Only (Fail)

Sample Text

#EAC3DE on #F5F9F81.48:1

Large Text Only (Fail)

Sample Text

#D799B0 on #F1E3E41.86:1

Large Text Only (Fail)

Sample Text

#D799B0 on #F5F9F82.18:1

Large Text Only (Fail)

Related Palettes in Pastel

cp-featured-20Pastel

PastelSoft

cp-featured-25Pastel

PastelFoodCreative

cp-featured-26Pastel

PastelFreshNature

cp-0051Pastel

PastelSoftLight