Palette · 4 colors · Lc 9.4
True Azureno Drift palette
True Azureno Drift: a 4-color palette (Pink, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #EFF2FF, #929ECF, #494E71, #060507, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFF2FF
surface
#929ECF
accent
#494E71
text
#060507
Colors in True Azureno Drift: HEX, RGB, HSL & OKLCH
- #EFF2FF color page →
bg
#EFF2FF
- RGB
- rgb(239 242 255)
- HSL
- hsl(229 100% 97%)
- OKLCH
- oklch(0.963 0.018 275.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.81:1 (AAA)
- #929ECF color page →
surface
#929ECF
- RGB
- rgb(146 158 207)
- HSL
- hsl(228 39% 69%)
- OKLCH
- oklch(0.708 0.073 273.7)
WCAG contrast: on white 2.62:1 (Fail) · on black 8.01:1 (AAA)
- #494E71 color page →
accent
#494E71
- RGB
- rgb(73 78 113)
- HSL
- hsl(232 22% 36%)
- OKLCH
- oklch(0.435 0.058 277.4)
WCAG contrast: on white 8.04:1 (AAA) · on black 2.61:1 (Fail)
- #060507 color page →
text
#060507
- RGB
- rgb(6 5 7)
- HSL
- hsl(270 17% 2%)
- OKLCH
- oklch(0.118 0.007 308.9)
WCAG contrast: on white 20.33:1 (AAA) · on black 1.03:1 (Fail)
Export True Azureno Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eff2ff;
--surface: #929ecf;
--accent: #494e71;
--text: #060507;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eff2ff;
--color-surface: #929ecf;
--color-accent: #494e71;
--color-text: #060507;
}JSON (DTCG tokens)
{
"true-azureno-drift-2t8": {
"bg": {
"$type": "color",
"$value": "#eff2ff"
},
"surface": {
"$type": "color",
"$value": "#929ecf"
},
"accent": {
"$type": "color",
"$value": "#494e71"
},
"text": {
"$type": "color",
"$value": "#060507"
}
}
}About this palette
True Azureno Drift is a 4-color OKLCH-ready palette tagged pink, gray, 4 colors. Hex values: #EFF2FF, #929ECF, #494E71, #060507. APCA contrast score Lc 9.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 True Azureno Drift by OKLab color distance.