Palette · 5 colors · Lc 9.8
True Elf Drift palette
True Elf Drift: a 5-color palette (Turquoise, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F5F8F7, #D1E1D7, #348666, #256163, #07160E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F8F7
surface
#D1E1D7
primary
#348666
accent
#256163
text
#07160E
Colors in True Elf Drift: HEX, RGB, HSL & OKLCH
- #F5F8F7 color page →
bg
#F5F8F7
- RGB
- rgb(245 248 247)
- HSL
- hsl(160 18% 97%)
- OKLCH
- oklch(0.977 0.003 174.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.65:1 (AAA)
- #D1E1D7 color page →
surface
#D1E1D7
- RGB
- rgb(209 225 215)
- HSL
- hsl(143 21% 85%)
- OKLCH
- oklch(0.895 0.022 158.5)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.46:1 (AAA)
- #348666 color page →
primary
#348666
- RGB
- rgb(52 134 102)
- HSL
- hsl(157 44% 36%)
- OKLCH
- oklch(0.561 0.095 164.4)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #256163 color page →
accent
#256163
- RGB
- rgb(37 97 99)
- HSL
- hsl(182 46% 27%)
- OKLCH
- oklch(0.455 0.061 198.3)
WCAG contrast: on white 7.07:1 (AAA) · on black 2.96:1 (Fail)
- #07160E color page →
text
#07160E
- RGB
- rgb(7 22 14)
- HSL
- hsl(148 52% 6%)
- OKLCH
- oklch(0.183 0.027 159.3)
WCAG contrast: on white 18.58:1 (AAA) · on black 1.13:1 (Fail)
Export True Elf Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f8f7;
--surface: #d1e1d7;
--primary: #348666;
--accent: #256163;
--text: #07160e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f8f7;
--color-surface: #d1e1d7;
--color-primary: #348666;
--color-accent: #256163;
--color-text: #07160e;
}JSON (DTCG tokens)
{
"true-elf-drift-4mg": {
"bg": {
"$type": "color",
"$value": "#f5f8f7"
},
"surface": {
"$type": "color",
"$value": "#d1e1d7"
},
"primary": {
"$type": "color",
"$value": "#348666"
},
"accent": {
"$type": "color",
"$value": "#256163"
},
"text": {
"$type": "color",
"$value": "#07160e"
}
}
}About this palette
True Elf Drift is a 5-color OKLCH-ready palette tagged turquoise, gray, cold, ui system, 5 colors. Hex values: #F5F8F7, #D1E1D7, #348666, #256163, #07160E. APCA contrast score Lc 9.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 True Elf Drift by OKLab color distance.