Spring Color Palette
Butter yellow, blossom pink, lilac, sky blue and fresh leaf green, the soft, light colors of spring.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#FDF3C8
#F9C6D0
#C9B6E4
#A9D8E8
#B5E2A8
#6BBF73
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FDF3C8 | T - | T - | |
| #F9C6D0 | T - | T - | |
| #C9B6E4 | T - | T - | |
| #A9D8E8 | T - | T - | |
| #B5E2A8 | T - | T - | |
| #6BBF73 | 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.
Spring CSS Code
oklch(96.13% 0.0566 96.42) oklch(87.41% 0.0593 5.23) oklch(80.73% 0.067 303.73) oklch(85.44% 0.0536 220.69) oklch(86.62% 0.0913 138.74) oklch(73.23% 0.1359 146.11)
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 Spring palette?
Butter yellow, blossom pink, lilac, sky blue and fresh leaf green, the soft, light colors of spring.
How do I turn the Spring palette into a CSS gradient?
Use background: linear-gradient(to right, #FDF3C8, #F9C6D0, #C9B6E4, #A9D8E8, #B5E2A8, #6BBF73);, or click "Make it a gradient" above to open it in the live generator.