Color collection
Summer Color Palettes
Bright summer palettes for travel, festivals, swimwear, campaigns, and sunny product launches.
#3192D8Accent#9451D6Surface#EBEFF4Text#121A21Support#CE82AFSummer 5Summer / Vivid / TravelQuality 98Primary#3163D8Accent#D251D6Surface#EBEDF4Text#121621Support#CE8299Summer 6Summer / Vivid / TravelQuality 96Primary#3134D8Accent#D6519DSurface#ECEBF4Text#131221Support#CE8283Summer 8Summer / Vivid / TravelQuality 96Primary#8D31D8Accent#D68251Surface#F1EBF4Text#1B1221Support#CEAC82Summer 7Summer / Vivid / TravelQuality 95Primary#5E31D8Accent#D6515FSurface#EFEBF4Text#171221Support#CE9682Summer 9Summer / Vivid / TravelQuality 95Primary#BC31D8Accent#68D651Surface#F4EBF4Text#1F1221Support#CEC282How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for travel campaigns, festivals, swimwear brands, and seasonal launches. Balance sunny color with enough cool contrast so buttons do not disappear into warm backgrounds.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3192D8;
--accent: #9451D6;
--surface: #EBEFF4;
--text: #121A21;
--support: #CE82AF;
}FAQ
Where should I use summer color palettes?
These palettes are designed for travel campaigns, festivals, swimwear brands, and seasonal launches.
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?
Balance sunny color with enough cool contrast so buttons do not disappear into warm backgrounds.