Palette · 5 colors · Lc 8.9
Classic Elf Noir palette
Classic Elf Noir: a 5-color palette (Turquoise, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #E0EFEB, #008870, #8B4360, #7D5E0D, #000B09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0EFEB
surface
#008870
primary
#8B4360
accent
#7D5E0D
text
#000B09
Colors in Classic Elf Noir: HEX, RGB, HSL & OKLCH
- #E0EFEB color page →
bg
#E0EFEB
- RGB
- rgb(224 239 235)
- HSL
- hsl(164 32% 91%)
- OKLCH
- oklch(0.94 0.017 178.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #008870 color page →
surface
#008870
- RGB
- rgb(0 136 112)
- HSL
- hsl(169 100% 27%)
- OKLCH
- oklch(0.559 0.106 174.5)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #8B4360 color page →
primary
#8B4360
- RGB
- rgb(139 67 96)
- HSL
- hsl(336 35% 40%)
- OKLCH
- oklch(0.483 0.103 356.2)
WCAG contrast: on white 6.84:1 (AA) · on black 3.06:1 (Fail)
- #7D5E0D color page →
accent
#7D5E0D
- RGB
- rgb(125 94 13)
- HSL
- hsl(43 81% 27%)
- OKLCH
- oklch(0.501 0.098 84.8)
WCAG contrast: on white 6.03:1 (AA) · on black 3.47:1 (Fail)
- #000B09 color page →
text
#000B09
- RGB
- rgb(0 11 9)
- HSL
- hsl(169 100% 2%)
- OKLCH
- oklch(0.134 0.024 183.9)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Elf Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0efeb;
--surface: #008870;
--primary: #8b4360;
--accent: #7d5e0d;
--text: #000b09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0efeb;
--color-surface: #008870;
--color-primary: #8b4360;
--color-accent: #7d5e0d;
--color-text: #000b09;
}JSON (DTCG tokens)
{
"classic-elf-noir-4yu": {
"bg": {
"$type": "color",
"$value": "#e0efeb"
},
"surface": {
"$type": "color",
"$value": "#008870"
},
"primary": {
"$type": "color",
"$value": "#8b4360"
},
"accent": {
"$type": "color",
"$value": "#7d5e0d"
},
"text": {
"$type": "color",
"$value": "#000b09"
}
}
}About this palette
Classic Elf Noir is a 5-color OKLCH-ready palette tagged turquoise, cold, 5 colors. Hex values: #E0EFEB, #008870, #8B4360, #7D5E0D, #000B09. APCA contrast score Lc 8.9. 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 Classic Elf Noir by OKLab color distance.