Cherry Blossom — 5-color palette
#FFB7C5#FFC8DD#BDE0FE#A2D2FF#CDB4DBHex codes
Hex
#FFB7C5
RGB
255, 183, 197
HSL
348°, 100%, 86%
Hex
#FFC8DD
RGB
255, 200, 221
HSL
337°, 100%, 89%
Hex
#BDE0FE
RGB
189, 224, 254
HSL
208°, 97%, 87%
Hex
#A2D2FF
RGB
162, 210, 255
HSL
209°, 100%, 82%
Hex
#CDB4DB
RGB
205, 180, 219
HSL
278°, 35%, 78%
How to use this palette
The first color in Cherry Blossom is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--cherry-blossom-1: #FFB7C5;
--cherry-blossom-2: #FFC8DD;
--cherry-blossom-3: #BDE0FE;
--cherry-blossom-4: #A2D2FF;
--cherry-blossom-5: #CDB4DB;
}