Color collection
Spring Color Palettes
Fresh spring palettes for seasonal campaigns, lifestyle brands, event pages, and soft ecommerce updates.
#968EE1Accent#E8A39CSurface#EBE7F9Text#151221Support#CE8A82Spring 2Spring / Pastel / FreshQuality 91Primary#8EE198Accent#9CE8DBSurface#E7F9EBText#122115Support#8B82CESpring 3Spring / Pastel / FreshQuality 91Primary#8EE1AFAccent#9CD1E8Surface#E7F9F0Text#122119Support#A182CESpring 8Spring / Pastel / FreshQuality 91Primary#8E9DE1Accent#E89CB8Surface#E7E8F9Text#121421Support#CE8290Spring 23Spring / Pastel / FreshQuality 91Primary#8EE194Accent#E8CC9CSurface#E7F9EAText#122114Support#8782CESpring 24Spring / Pastel / FreshQuality 91Primary#8EE1ABAccent#E0E89CSurface#E7F9EFText#122118Support#9D82CEHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for seasonal campaigns, lifestyle brands, event pages, and ecommerce refreshes. Use fresh greens and florals with a dependable text color for product and event details.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #968EE1;
--accent: #E8A39C;
--surface: #EBE7F9;
--text: #151221;
--support: #CE8A82;
}FAQ
Where should I use spring color palettes?
These palettes are designed for seasonal campaigns, lifestyle brands, event pages, and ecommerce refreshes.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Use fresh greens and florals with a dependable text color for product and event details.