4-Color Velvet Cupcake Palette
4-color palette · Neutral · Mixed · Complementary harmony
4-Color Velvet Cupcake Palette
4-color palette · Neutral temperature · Mixed tone · Complementary harmony
CSS variables
:root {
--c-vibrant-1: #09015F;
--c-vibrant-2: #AF0069;
--c-vibrant-3: #55B3B1;
--c-vibrant-4: #F6C065;
}
About this palette
This 4-color vibrant palette runs from Mirabelle Yellow (#F6C065) as its lightest tone to Prussian Nights (#09015F) as its darkest. It blends Prussian Nights, Velvet Cupcake, Crystalsong Blue and Mirabelle Yellow 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 #09015F on #F6C065 at 10.71:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Contrast & accessibility
2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.