Cotton Candy — 5-color palette
#FFB7CE#FFC4D6#C4D7FF#D6C4FF#FFE4B5Hex codes
Hex
#FFB7CE
RGB
255, 183, 206
HSL
341°, 100%, 86%
Hex
#FFC4D6
RGB
255, 196, 214
HSL
342°, 100%, 88%
Hex
#C4D7FF
RGB
196, 215, 255
HSL
221°, 100%, 88%
Hex
#D6C4FF
RGB
214, 196, 255
HSL
258°, 100%, 88%
Hex
#FFE4B5
RGB
255, 228, 181
HSL
38°, 100%, 85%
How to use this palette
The first color in Cotton Candy 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 {
--cotton-candy-1: #FFB7CE;
--cotton-candy-2: #FFC4D6;
--cotton-candy-3: #C4D7FF;
--cotton-candy-4: #D6C4FF;
--cotton-candy-5: #FFE4B5;
}