Cotton Haze

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

#Pastel#Soft#Light

Open in Generator

COLOR 1

#D0A0DB

Wisteria Pastel

COLOR 2

#E8C5E9

Orchid Tint

COLOR 3

#D49BC5

Kunzite

COLOR 4

#F0E4E9

Dawn Pink

COLOR 5

#F6F9F7

White Smoke

Color Values & Codes

HEX · RGB · HSL

Wisteria Pastel

#D0A0DB

rgb(208, 160, 219)hsl(289, 45%, 74%)Color details →

Orchid Tint

#E8C5E9

rgb(232, 197, 233)hsl(298, 45%, 84%)Color details →

Kunzite

#D49BC5

rgb(212, 155, 197)hsl(316, 40%, 72%)Color details →

Dawn Pink

#F0E4E9

rgb(240, 228, 233)hsl(335, 29%, 92%)Color details →

White Smoke

#F6F9F7

rgb(246, 249, 247)hsl(140, 20%, 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: #D0A0DB;
  --color-2: #E8C5E9;
  --color-3: #D49BC5;
  --color-4: #F0E4E9;
  --color-5: #F6F9F7;
}

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

#D0A0DB on #F0E4E91.74:1

Large Text Only (Fail)

Sample Text

#D0A0DB on #F6F9F72.04:1

Large Text Only (Fail)

Sample Text

#E8C5E9 on #F0E4E91.25:1

Large Text Only (Fail)

Sample Text

#E8C5E9 on #F6F9F71.46:1

Large Text Only (Fail)

Sample Text

#D49BC5 on #F0E4E91.83:1

Large Text Only (Fail)

Sample Text

#D49BC5 on #F6F9F72.13:1

Large Text Only (Fail)

Related Palettes in Pastel

cp-featured-20Pastel

PastelSoft

cp-featured-25Pastel

PastelFoodCreative

cp-featured-26Pastel

PastelFreshNature

cp-0051Pastel

PastelSoftLight