ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Cloud Signal

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

#Pastel#Soft#Light
Open in Generator
COLOR 1
#D7A5AD
Nadeshiko Pink
COLOR 2
#EBC3C3
Rose Quartz
COLOR 3
#CFAEA0
Mushroom
COLOR 4
#F1ECE3
Linen
COLOR 5
#F5F8F9
Slate 50

Color Values & Codes

HEX · RGB · HSL
rgb(215, 165, 173)hsl(350, 38%, 75%)Color details →
rgb(235, 195, 195)hsl(0, 50%, 84%)Color details →
Mushroom
#CFAEA0
rgb(207, 174, 160)hsl(18, 33%, 72%)Color details →
Linen
#F1ECE3
rgb(241, 236, 227)hsl(39, 33%, 92%)Color details →
Slate 50
#F5F8F9
rgb(245, 248, 249)hsl(195, 25%, 97%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Pastel Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #D7A5AD;
  --color-2: #EBC3C3;
  --color-3: #CFAEA0;
  --color-4: #F1ECE3;
  --color-5: #F5F8F9;
}

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
#D7A5AD on #F1ECE31.81:1
Large Text Only (Fail)
Sample Text
#D7A5AD on #F5F8F91.99:1
Large Text Only (Fail)
Sample Text
#EBC3C3 on #F1ECE31.36:1
Large Text Only (Fail)
Sample Text
#EBC3C3 on #F5F8F91.50:1
Large Text Only (Fail)
Sample Text
#CFAEA0 on #F1ECE31.75:1
Large Text Only (Fail)
Sample Text
#CFAEA0 on #F5F8F91.93:1
Large Text Only (Fail)

Related Palettes in Pastel

Explore Pastel
#FFE5ECCopy
#FFC2D1Copy
#FFB3C6Copy
#FF8FABCopy
#FB6F92Copy
cp-featured-20Pastel
Cherry Blossom Haze
PastelSoft
#F5EEF8Copy
#E8DAEFCopy
#D2B4DECopy
#BB8FCECopy
#8E44ADCopy
cp-featured-25Pastel
Lavender Macaron
PastelFoodCreative
#E8F8F5Copy
#D1F2EBCopy
#A3E4D7Copy
#48C9B0Copy
#16A085Copy
cp-featured-26Pastel
Mint Cream Sorbet
PastelFreshNature
#D6C2A6Copy
#EAE1C3Copy
#D3D799Copy
#EBF1E3Copy
#F6F5F9Copy
cp-0051Pastel
Dreamy Flame
PastelSoftLight