Palette · 3 colors · Lc 8.4
Pure Hard Candy Drift palette
Pure Hard Candy Drift: a 3-color palette (Orange, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #F5EBF0, #F9B6B7, #3F3037, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EBF0
accent
#F9B6B7
text
#3F3037
Colors in Pure Hard Candy Drift: HEX, RGB, HSL & OKLCH
- #F5EBF0 color page →
bg
#F5EBF0
- RGB
- rgb(245 235 240)
- HSL
- hsl(330 33% 94%)
- OKLCH
- oklch(0.949 0.013 345.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #F9B6B7 color page →
accent
#F9B6B7
- RGB
- rgb(249 182 183)
- HSL
- hsl(359 85% 85%)
- OKLCH
- oklch(0.839 0.078 17.9)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.40:1 (AAA)
- #3F3037 color page →
text
#3F3037
- RGB
- rgb(63 48 55)
- HSL
- hsl(332 14% 22%)
- OKLCH
- oklch(0.329 0.025 348.8)
WCAG contrast: on white 12.43:1 (AAA) · on black 1.68:1 (Fail)
Export Pure Hard Candy Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ebf0;
--accent: #f9b6b7;
--text: #3f3037;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ebf0;
--color-accent: #f9b6b7;
--color-text: #3f3037;
}JSON (DTCG tokens)
{
"pure-hard-candy-drift-1mo": {
"bg": {
"$type": "color",
"$value": "#f5ebf0"
},
"accent": {
"$type": "color",
"$value": "#f9b6b7"
},
"text": {
"$type": "color",
"$value": "#3f3037"
}
}
}About this palette
Pure Hard Candy Drift is a 3-color OKLCH-ready palette tagged orange, gray, warm, pastel, 3 colors. Hex values: #F5EBF0, #F9B6B7, #3F3037. APCA contrast score Lc 8.4. 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 Pure Hard Candy Drift by OKLab color distance.