4-Color Lavender Blossom Palette
4-color palette · Cool · Light · Analogous harmony
4-Color Lavender Blossom Palette
4-color palette · Cool temperature · Light tone · Analogous harmony
CSS variables
:root {
--c-pastel-1: #AD7BE9;
--c-pastel-2: #3E54AC;
--c-pastel-3: #BFDCE5;
--c-pastel-4: #EEEEEE;
}
About this palette
This 4-color pastel palette runs from Super Silver (#EEEEEE) as its lightest tone to Blasphemous Blue (#3E54AC) as its darkest. It blends Lavender Blossom, Blasphemous Blue, Pacific Breeze and Super Silver into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3E54AC on #EEEEEE at 5.9: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
2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.