Palette · 3 colors · Lc 8.3
True Dusk Drift palette
True Dusk Drift: a 3-color palette (Pink, Gray, 3 Colors). HEX, RGB, HSL and OKLCH for #EAE9E2, #585C86, #0D0B01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAE9E2
accent
#585C86
text
#0D0B01
Colors in True Dusk Drift: HEX, RGB, HSL & OKLCH
- #EAE9E2 color page →
bg
#EAE9E2
- RGB
- rgb(234 233 226)
- HSL
- hsl(53 16% 90%)
- OKLCH
- oklch(0.933 0.009 100)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.25:1 (AAA)
- #585C86 color page →
accent
#585C86
- RGB
- rgb(88 92 134)
- HSL
- hsl(235 21% 44%)
- OKLCH
- oklch(0.489 0.067 279.4)
WCAG contrast: on white 6.38:1 (AA) · on black 3.29:1 (Fail)
- #0D0B01 color page →
text
#0D0B01
- RGB
- rgb(13 11 1)
- HSL
- hsl(50 86% 3%)
- OKLCH
- oklch(0.148 0.027 102)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export True Dusk Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eae9e2;
--accent: #585c86;
--text: #0d0b01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eae9e2;
--color-accent: #585c86;
--color-text: #0d0b01;
}JSON (DTCG tokens)
{
"true-dusk-drift-m6": {
"bg": {
"$type": "color",
"$value": "#eae9e2"
},
"accent": {
"$type": "color",
"$value": "#585c86"
},
"text": {
"$type": "color",
"$value": "#0d0b01"
}
}
}About this palette
True Dusk Drift is a 3-color OKLCH-ready palette tagged pink, gray, 3 colors. Hex values: #EAE9E2, #585C86, #0D0B01. APCA contrast score Lc 8.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 True Dusk Drift by OKLab color distance.