Spring Bloom Color Palette
Fresh blush pink and pale green, like the first flowers of spring.
Use as a gradient →
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.
Spring Bloom CSS Code
HEX Copy
#F7CAD0 #FBE4E4 #D8F3DC #B7E4C7 #74C69D
RGBA Copy
rgba(247, 202, 208, 1.0) rgba(251, 228, 228, 1.0) rgba(216, 243, 220, 1.0) rgba(183, 228, 199, 1.0) rgba(116, 198, 157, 1.0)
HSLA Copy
hsla(352, 74%, 88%, 1.0) hsla(0, 74%, 94%, 1.0) hsla(129, 53%, 90%, 1.0) hsla(141, 45%, 81%, 1.0) hsla(150, 42%, 62%, 1.0)
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 "Use as a gradient" above to open it in the live generator.