ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Dreamy Night

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

#Pastel#Soft#Light
Open in Generator
COLOR 1
#D9ABA2
Dusty Rose
COLOR 2
#ECCFC1
Morganite
COLOR 3
#D1BE9E
Dune
COLOR 4
#F2F1E2
Vintage Cream
COLOR 5
#F6F7F9
Slate 50

Color Values & Codes

HEX · RGB · HSL
Dusty Rose
#D9ABA2
rgb(217, 171, 162)hsl(10, 42%, 74%)Color details →
Morganite
#ECCFC1
rgb(236, 207, 193)hsl(20, 53%, 84%)Color details →
Dune
#D1BE9E
rgb(209, 190, 158)hsl(38, 36%, 72%)Color details →
rgb(242, 241, 226)hsl(56, 38%, 92%)Color details →
Slate 50
#F6F7F9
rgb(246, 247, 249)hsl(220, 20%, 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: #D9ABA2;
  --color-2: #ECCFC1;
  --color-3: #D1BE9E;
  --color-4: #F2F1E2;
  --color-5: #F6F7F9;
}

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
#D9ABA2 on #F2F1E21.79:1
Large Text Only (Fail)
Sample Text
#D9ABA2 on #F6F7F91.90:1
Large Text Only (Fail)
Sample Text
#ECCFC1 on #F2F1E21.29:1
Large Text Only (Fail)
Sample Text
#ECCFC1 on #F6F7F91.37:1
Large Text Only (Fail)
Sample Text
#D1BE9E on #F2F1E21.60:1
Large Text Only (Fail)
Sample Text
#D1BE9E on #F6F7F91.69: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