Candy Palette
Sweet candy-inspired bright palette
Color Swatches
#FF6F91rgb(255, 111, 145)
#FF9671rgb(255, 150, 113)
#FFC75Frgb(255, 199, 95)
#F9F871rgb(249, 248, 113)
#D65DB1rgb(214, 93, 177)
CSS Variables
:root {
--palette-1: #FF6F91;
--palette-2: #FF9671;
--palette-3: #FFC75F;
--palette-4: #F9F871;
--palette-5: #D65DB1;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#FF6F91",
2: "#FF9671",
3: "#FFC75F",
4: "#F9F871",
5: "#D65DB1",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility