Pastel Pink#FFC6FF
Periwinkle#BDB2FF
Light Sky Blue#A0C4FF
Ice Blue#9BF6FF
Pearl#CAFFBF
Color Palette
#FFC6FF · #BDB2FF · #A0C4FF · #9BF6FF · #CAFFBF
analogous0 likes
Share
Export for Developers
:root {
--color-1: #FFC6FF;
--color-1-rgb: 255, 198, 255;
--color-1-hsl: 300, 100%, 89%;
--color-2: #BDB2FF;
--color-2-rgb: 189, 178, 255;
--color-2-hsl: 249, 100%, 85%;
--color-3: #A0C4FF;
--color-3-rgb: 160, 196, 255;
--color-3-hsl: 217, 100%, 81%;
--color-4: #9BF6FF;
--color-4-rgb: 155, 246, 255;
--color-4-hsl: 185, 100%, 80%;
--color-5: #CAFFBF;
--color-5-rgb: 202, 255, 191;
--color-5-hsl: 110, 100%, 87%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FFC6FF
On White
1.42:1Fail
On Black
14.77:1AAA
Aa
Aa
#BDB2FF
On White
1.91:1Fail
On Black
10.98:1AAA
Aa
Aa
#A0C4FF
On White
1.77:1Fail
On Black
11.83:1AAA
Aa
Aa
#9BF6FF
On White
1.23:1Fail
On Black
17.02:1AAA
Aa
Aa
#CAFFBF
On White
1.13:1Fail
On Black
18.57:1AAA
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#FEE7FE
#EAE7FE
#E7F0FE
#E7FCFE
#EBFEE7
🌑
darker
· Reduced lightness, increased saturation
#FF61FF
#674DFF
#3884FF
#33EEFF
#73FF57
🌫️
muted
· Desaturated for a calm, muted look
#F7CFF7
#C6BEF4
#ADC7F0
#A8EAF0
#CEF5C7
⚡
vibrant
· Boosted saturation for maximum impact
#FF33FF
#5233FF
#3381FF
#33EEFF
#55FF33