4-Color Hawthorn Blossom Palette
4-color palette · Neutral · Light · Complementary harmony
4-Color Hawthorn Blossom Palette
4-color palette · Neutral temperature · Light tone · Complementary harmony
CSS variables
:root {
--c-pastel-1: #EE9494;
--c-pastel-2: #EBFFAF;
--c-pastel-3: #B4E8C0;
--c-pastel-4: #C3B9EA;
}
About this palette
This 4-color pastel palette runs from Hawthorn Blossom (#EBFFAF) as its lightest tone to Dishy Coral (#EE9494) as its darkest. It blends Dishy Coral, Hawthorn Blossom, Glaucous Green and Violet Gems into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.
Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.
Color breakdown
Contrast & accessibility
0 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.