Spring Bloom Color Palette
Fresh blush pink and pale green, like the first flowers of spring.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F7CAD0
#FBE4E4
#D8F3DC
#B7E4C7
#74C69D
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F7CAD0 | T - | T - | |
| #FBE4E4 | T - | T - | |
| #D8F3DC | T - | T - | |
| #B7E4C7 | T - | T - | |
| #74C69D | 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 Bloom CSS Code
oklch(87.96% 0.0515 9.17) oklch(93.74% 0.0253 17.61) oklch(93.83% 0.0418 149.59) oklch(87.92% 0.0614 156.65) oklch(76.27% 0.1008 160.95)
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 Bloom palette?
Fresh blush pink and pale green, like the first flowers of spring.
How do I turn the Spring Bloom palette into a CSS gradient?
Use background: linear-gradient(to right, #F7CAD0, #FBE4E4, #D8F3DC, #B7E4C7, #74C69D);, or click "Make it a gradient" above to open it in the live generator.