Cherry Blossom Color Palette
Soft pink blossom tones, delicate and springlike.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#FFF0F5
#FFD9E8
#FFB6D9
#FF8FC7
#F565A8
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FFF0F5 | T - | T - | |
| #FFD9E8 | T - | T - | |
| #FFB6D9 | T - | T - | |
| #FF8FC7 | T - | T - | |
| #F565A8 | 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.
Cherry Blossom CSS Code
oklch(96.83% 0.0174 355.1) oklch(92.14% 0.0463 352.31) oklch(85.44% 0.0949 349) oklch(78.58% 0.1489 349.75) oklch(70.54% 0.1884 354.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 Cherry Blossom palette?
Soft pink blossom tones, delicate and springlike.
How do I turn the Cherry Blossom palette into a CSS gradient?
Use background: linear-gradient(to right, #FFF0F5, #FFD9E8, #FFB6D9, #FF8FC7, #F565A8);, or click "Make it a gradient" above to open it in the live generator.