Cotton Muse

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

#Pastel#Soft#Light

Open in Generator

COLOR 1

#D8A3BD

Nadeshiko Pink

COLOR 2

#EBC2D0

Pastel Pink

COLOR 3

#D09FA0

Rosy Brown

COLOR 4

#F2E7E3

Linen

COLOR 5

#F6F9F9

Slate 50

Color Values & Codes

HEX · RGB · HSL

Nadeshiko Pink

#D8A3BD

rgb(216, 163, 189)hsl(331, 40%, 74%)Color details →

Pastel Pink

#EBC2D0

rgb(235, 194, 208)hsl(340, 51%, 84%)Color details →

Rosy Brown

#D09FA0

rgb(208, 159, 160)hsl(359, 34%, 72%)Color details →

Linen

#F2E7E3

rgb(242, 231, 227)hsl(16, 37%, 92%)Color details →

Slate 50

#F6F9F9

rgb(246, 249, 249)hsl(180, 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: #D8A3BD;
  --color-2: #EBC2D0;
  --color-3: #D09FA0;
  --color-4: #F2E7E3;
  --color-5: #F6F9F9;
}

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

#D8A3BD on #F2E7E31.75:1

Large Text Only (Fail)

Sample Text

#D8A3BD on #F6F9F92.01:1

Large Text Only (Fail)

Sample Text

#EBC2D0 on #F2E7E31.32:1

Large Text Only (Fail)

Sample Text

#EBC2D0 on #F6F9F91.51:1

Large Text Only (Fail)

Sample Text

#D09FA0 on #F2E7E31.89:1

Large Text Only (Fail)

Sample Text

#D09FA0 on #F6F9F92.17:1

Large Text Only (Fail)

Related Palettes in Pastel

cp-featured-20Pastel

PastelSoft

cp-featured-25Pastel

PastelFoodCreative

cp-featured-26Pastel

PastelFreshNature

cp-0051Pastel

PastelSoftLight