4-Color Shady Neon Blue Palette
4-color palette · Neutral · Light · Analogous harmony
4-Color Shady Neon Blue Palette
4-color palette · Neutral temperature · Light tone · Analogous harmony
CSS variables
:root {
--c-pastel-1: #FFF7FC;
--c-pastel-2: #8B93FF;
--c-pastel-3: #5755FE;
--c-pastel-4: #FF71CD;
}
About this palette
This 4-color pastel palette runs from Cold Snow (#FFF7FC) as its lightest tone to Shady Neon Blue (#5755FE) as its darkest. It blends Cold Snow, Periwinkle Blue, Shady Neon Blue and Nervous Neon Pink into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFF7FC on #5755FE at 4.83:1.
Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.
Color breakdown
Contrast & accessibility
1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.