ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Powder Frame

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

#Pastel#Soft#Light
Open in Generator
COLOR 1
#9FDCDD
Powder Blue
COLOR 2
#C4E3E9
Ice Blue Crystal
COLOR 3
#9AB9D5
Light Steel Blue
COLOR 4
#E4E6F0
Slate 200
COLOR 5
#F9F7F6
White Smoke

Color Values & Codes

HEX · RGB · HSL
rgb(159, 220, 221)hsl(181, 48%, 75%)Color details →
rgb(196, 227, 233)hsl(190, 46%, 84%)Color details →
rgb(154, 185, 213)hsl(208, 41%, 72%)Color details →
Slate 200
#E4E6F0
rgb(228, 230, 240)hsl(230, 29%, 92%)Color details →
rgb(249, 247, 246)hsl(20, 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: #9FDCDD;
  --color-2: #C4E3E9;
  --color-3: #9AB9D5;
  --color-4: #E4E6F0;
  --color-5: #F9F7F6;
}

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
#9FDCDD on #E4E6F01.23:1
Large Text Only (Fail)
Sample Text
#9FDCDD on #F9F7F61.43:1
Large Text Only (Fail)
Sample Text
#C4E3E9 on #E4E6F01.09:1
Large Text Only (Fail)
Sample Text
#C4E3E9 on #F9F7F61.27:1
Large Text Only (Fail)
Sample Text
#9AB9D5 on #E4E6F01.64:1
Large Text Only (Fail)
Sample Text
#9AB9D5 on #F9F7F61.91: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