Palette · 5 colors · Lc 8
Elf Studio palette
Elf Studio: a 5-color palette (Turquoise, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #010605, #0B1C17, #00886E, #84A7B1, #E0E6E5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010605
surface
#0B1C17
primary
#00886E
accent
#84A7B1
text
#E0E6E5
Colors in Elf Studio: HEX, RGB, HSL & OKLCH
- #010605 color page →
bg
#010605
- RGB
- rgb(1 6 5)
- HSL
- hsl(168 71% 1%)
- OKLCH
- oklch(0.112 0.015 183)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
- #0B1C17 color page →
surface
#0B1C17
- RGB
- rgb(11 28 23)
- HSL
- hsl(162 44% 8%)
- OKLCH
- oklch(0.21 0.025 172.7)
WCAG contrast: on white 17.60:1 (AAA) · on black 1.19:1 (Fail)
- #00886E color page →
primary
#00886E
- RGB
- rgb(0 136 110)
- HSL
- hsl(169 100% 27%)
- OKLCH
- oklch(0.559 0.107 173)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #84A7B1 color page →
accent
#84A7B1
- RGB
- rgb(132 167 177)
- HSL
- hsl(193 22% 61%)
- OKLCH
- oklch(0.706 0.041 217.1)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.14:1 (AAA)
- #E0E6E5 color page →
text
#E0E6E5
- RGB
- rgb(224 230 229)
- HSL
- hsl(170 11% 89%)
- OKLCH
- oklch(0.92 0.007 185.3)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.61:1 (AAA)
Export Elf Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010605;
--surface: #0b1c17;
--primary: #00886e;
--accent: #84a7b1;
--text: #e0e6e5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010605;
--color-surface: #0b1c17;
--color-primary: #00886e;
--color-accent: #84a7b1;
--color-text: #e0e6e5;
}JSON (DTCG tokens)
{
"elf-studio-4ld": {
"bg": {
"$type": "color",
"$value": "#010605"
},
"surface": {
"$type": "color",
"$value": "#0b1c17"
},
"primary": {
"$type": "color",
"$value": "#00886e"
},
"accent": {
"$type": "color",
"$value": "#84a7b1"
},
"text": {
"$type": "color",
"$value": "#e0e6e5"
}
}
}About this palette
Elf Studio is a 5-color OKLCH-ready palette tagged turquoise, gray, cold, dark mode ui, ui system, 5 colors. Hex values: #010605, #0B1C17, #00886E, #84A7B1, #E0E6E5. APCA contrast score Lc 8. 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 Elf Studio by OKLab color distance.