Palette · 3 colors · Lc 9.3
Pure Fairy Tale Drift palette
Pure Fairy Tale Drift: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FCF6FB, #EAB4C9, #3D2B3D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF6FB
accent
#EAB4C9
text
#3D2B3D
Colors in Pure Fairy Tale Drift: HEX, RGB, HSL & OKLCH
- #FCF6FB color page →
bg
#FCF6FB
- RGB
- rgb(252 246 251)
- HSL
- hsl(310 50% 98%)
- OKLCH
- oklch(0.979 0.009 330.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.71:1 (AAA)
- #EAB4C9 color page →
accent
#EAB4C9
- RGB
- rgb(234 180 201)
- HSL
- hsl(337 56% 81%)
- OKLCH
- oklch(0.825 0.068 353.5)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.87:1 (AAA)
- #3D2B3D color page →
text
#3D2B3D
- RGB
- rgb(61 43 61)
- HSL
- hsl(300 17% 20%)
- OKLCH
- oklch(0.317 0.04 326.5)
WCAG contrast: on white 13.03:1 (AAA) · on black 1.61:1 (Fail)
Export Pure Fairy Tale Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf6fb;
--accent: #eab4c9;
--text: #3d2b3d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf6fb;
--color-accent: #eab4c9;
--color-text: #3d2b3d;
}JSON (DTCG tokens)
{
"pure-fairy-tale-drift-55x": {
"bg": {
"$type": "color",
"$value": "#fcf6fb"
},
"accent": {
"$type": "color",
"$value": "#eab4c9"
},
"text": {
"$type": "color",
"$value": "#3d2b3d"
}
}
}About this palette
Pure Fairy Tale Drift is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #FCF6FB, #EAB4C9, #3D2B3D. APCA contrast score Lc 9.3. 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 Fairy Tale Drift by OKLab color distance.