Candy Shop — 5-color palette
#FF6B9D#FFC857#6BCB77#4D96FF#FF6B6BHex codes
Hex
#FF6B9D
RGB
255, 107, 157
HSL
340°, 100%, 71%
Hex
#FFC857
RGB
255, 200, 87
HSL
40°, 100%, 67%
Hex
#6BCB77
RGB
107, 203, 119
HSL
128°, 48%, 61%
Hex
#4D96FF
RGB
77, 150, 255
HSL
215°, 100%, 65%
Hex
#FF6B6B
RGB
255, 107, 107
HSL
0°, 100%, 71%
How to use this palette
The first color in Candy Shop 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 {
--candy-shop-1: #FF6B9D;
--candy-shop-2: #FFC857;
--candy-shop-3: #6BCB77;
--candy-shop-4: #4D96FF;
--candy-shop-5: #FF6B6B;
}