Palette · 4 colors · Lc 9.2
Low Slumber Drift palette
Low Slumber Drift: a 4-color palette (Violet, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #EEF1F4, #81A0BB, #325173, #060708, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF1F4
surface
#81A0BB
accent
#325173
text
#060708
Colors in Low Slumber Drift: HEX, RGB, HSL & OKLCH
- #EEF1F4 color page →
bg
#EEF1F4
- RGB
- rgb(238 241 244)
- HSL
- hsl(210 21% 95%)
- OKLCH
- oklch(0.957 0.005 247.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
- #81A0BB color page →
surface
#81A0BB
- RGB
- rgb(129 160 187)
- HSL
- hsl(208 30% 62%)
- OKLCH
- oklch(0.692 0.053 244.9)
WCAG contrast: on white 2.73:1 (Fail) · on black 7.67:1 (AAA)
- #325173 color page →
accent
#325173
- RGB
- rgb(50 81 115)
- HSL
- hsl(211 39% 32%)
- OKLCH
- oklch(0.427 0.068 251.8)
WCAG contrast: on white 8.20:1 (AAA) · on black 2.56:1 (Fail)
- #060708 color page →
text
#060708
- RGB
- rgb(6 7 8)
- HSL
- hsl(210 14% 3%)
- OKLCH
- oklch(0.128 0.003 245.8)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
Export Low Slumber Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef1f4;
--surface: #81a0bb;
--accent: #325173;
--text: #060708;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef1f4;
--color-surface: #81a0bb;
--color-accent: #325173;
--color-text: #060708;
}JSON (DTCG tokens)
{
"low-slumber-drift-3pa": {
"bg": {
"$type": "color",
"$value": "#eef1f4"
},
"surface": {
"$type": "color",
"$value": "#81a0bb"
},
"accent": {
"$type": "color",
"$value": "#325173"
},
"text": {
"$type": "color",
"$value": "#060708"
}
}
}About this palette
Low Slumber Drift is a 4-color OKLCH-ready palette tagged violet, gray, cold, 4 colors. Hex values: #EEF1F4, #81A0BB, #325173, #060708. APCA contrast score Lc 9.2. 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 Low Slumber Drift by OKLab color distance.