Palette · 4 colors · Lc 9.6
Pure Twilight Drift palette
Pure Twilight Drift: a 4-color palette (Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #F3F3FF, #999CDD, #554E90, #131225, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 4 Colors
bg
#F3F3FF
surface
#999CDD
accent
#554E90
text
#131225
Colors in Pure Twilight Drift: HEX, RGB, HSL & OKLCH
- #F3F3FF color page →
bg
#F3F3FF
- RGB
- rgb(243 243 255)
- HSL
- hsl(240 100% 98%)
- OKLCH
- oklch(0.968 0.016 286.1)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.07:1 (AAA)
- #999CDD color page →
surface
#999CDD
- RGB
- rgb(153 156 221)
- HSL
- hsl(237 50% 73%)
- OKLCH
- oklch(0.715 0.094 281.7)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)
- #554E90 color page →
accent
#554E90
- RGB
- rgb(85 78 144)
- HSL
- hsl(246 30% 44%)
- OKLCH
- oklch(0.462 0.105 286.4)
WCAG contrast: on white 7.29:1 (AAA) · on black 2.87:1 (Fail)
- #131225 color page →
text
#131225
- RGB
- rgb(19 18 37)
- HSL
- hsl(243 35% 11%)
- OKLCH
- oklch(0.194 0.038 284.7)
WCAG contrast: on white 18.40:1 (AAA) · on black 1.14:1 (Fail)
Export Pure Twilight Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3f3ff;
--surface: #999cdd;
--accent: #554e90;
--text: #131225;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3f3ff;
--color-surface: #999cdd;
--color-accent: #554e90;
--color-text: #131225;
}JSON (DTCG tokens)
{
"pure-twilight-drift-148": {
"bg": {
"$type": "color",
"$value": "#f3f3ff"
},
"surface": {
"$type": "color",
"$value": "#999cdd"
},
"accent": {
"$type": "color",
"$value": "#554e90"
},
"text": {
"$type": "color",
"$value": "#131225"
}
}
}About this palette
Pure Twilight Drift is a 4-color OKLCH-ready palette tagged pink, 4 colors. Hex values: #F3F3FF, #999CDD, #554E90, #131225. APCA contrast score Lc 9.6. 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 Twilight Drift by OKLab color distance.