Palette · 3 colors · Lc 10
Candy Cane Quartz palette
Candy Cane Quartz: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FFF4FC, #FAC0C4, #402D37, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF4FC
accent
#FAC0C4
text
#402D37
Colors in Candy Cane Quartz: HEX, RGB, HSL & OKLCH
- #FFF4FC color page →
bg
#FFF4FC
- RGB
- rgb(255 244 252)
- HSL
- hsl(316 100% 98%)
- OKLCH
- oklch(0.978 0.016 335.1)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.59:1 (AAA)
- #FAC0C4 color page →
accent
#FAC0C4
- RGB
- rgb(250 192 196)
- HSL
- hsl(356 85% 87%)
- OKLCH
- oklch(0.861 0.067 13.9)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.40:1 (AAA)
- #402D37 color page →
text
#402D37
- RGB
- rgb(64 45 55)
- HSL
- hsl(328 17% 21%)
- OKLCH
- oklch(0.323 0.032 346.2)
WCAG contrast: on white 12.73:1 (AAA) · on black 1.64:1 (Fail)
Export Candy Cane Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff4fc;
--accent: #fac0c4;
--text: #402d37;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff4fc;
--color-accent: #fac0c4;
--color-text: #402d37;
}JSON (DTCG tokens)
{
"candy-cane-quartz-3xg": {
"bg": {
"$type": "color",
"$value": "#fff4fc"
},
"accent": {
"$type": "color",
"$value": "#fac0c4"
},
"text": {
"$type": "color",
"$value": "#402d37"
}
}
}About this palette
Candy Cane Quartz is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #FFF4FC, #FAC0C4, #402D37. APCA contrast score Lc 10. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Candy Cane Quartz by OKLab color distance.