ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Breeze Drift

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

#Pastel#Soft#Light
Open in Generator
COLOR 1
#A3A6D8
Bluebell
COLOR 2
#C7C2EB
Soft Lilac
COLOR 3
#B49FD0
Bluebell
COLOR 4
#EEE3F2
Lavender
COLOR 5
#F7F9F6
White Smoke

Color Values & Codes

HEX · RGB · HSL
Bluebell
#A3A6D8
rgb(163, 166, 216)hsl(237, 40%, 74%)Color details →
Soft Lilac
#C7C2EB
rgb(199, 194, 235)hsl(247, 51%, 84%)Color details →
Bluebell
#B49FD0
rgb(180, 159, 208)hsl(266, 34%, 72%)Color details →
Lavender
#EEE3F2
rgb(238, 227, 242)hsl(284, 37%, 92%)Color details →
rgb(247, 249, 246)hsl(100, 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: #A3A6D8;
  --color-2: #C7C2EB;
  --color-3: #B49FD0;
  --color-4: #EEE3F2;
  --color-5: #F7F9F6;
}

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
#A3A6D8 on #EEE3F21.88:1
Large Text Only (Fail)
Sample Text
#A3A6D8 on #F7F9F62.20:1
Large Text Only (Fail)
Sample Text
#C7C2EB on #EEE3F21.37:1
Large Text Only (Fail)
Sample Text
#C7C2EB on #F7F9F61.61:1
Large Text Only (Fail)
Sample Text
#B49FD0 on #EEE3F21.92:1
Large Text Only (Fail)
Sample Text
#B49FD0 on #F7F9F62.25: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