Summer Color Palette
Warm sand, sunshine yellow, orange, watermelon pink, turquoise and sea blue, the bright, saturated colors of summer.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F7F1E3
#FFD93D
#FF8C42
#FF5E7E
#2EC4B6
#1E96D1
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F7F1E3 | T - | T - | |
| #FFD93D | T - | T - | |
| #FF8C42 | T - | T - | |
| #FF5E7E | T - | T - | |
| #2EC4B6 | T - | T - | |
| #1E96D1 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Summer CSS Code
oklch(95.9% 0.0196 87.51) oklch(89.25% 0.1667 94.55) oklch(75.36% 0.1637 50.4) oklch(70% 0.1959 11.81) oklch(74.23% 0.1214 185.36) oklch(63.87% 0.1316 237.03)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Summer palette?
Warm sand, sunshine yellow, orange, watermelon pink, turquoise and sea blue, the bright, saturated colors of summer.
How do I turn the Summer palette into a CSS gradient?
Use background: linear-gradient(to right, #F7F1E3, #FFD93D, #FF8C42, #FF5E7E, #2EC4B6, #1E96D1);, or click "Make it a gradient" above to open it in the live generator.