Palette · 9 colors · Lc 9.4
Classic Elf Tide palette
Classic Elf Tide: a 9-color palette (Turquoise, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #020A06, #00291A, #004326, #005F41, #2B8B66, #529D82, #7FBCA0, #B6DAC6, #DAF0E4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 9 Colors
bg
#020A06
surface
#00291A
muted
#004326
primary
#005F41
secondary
#2B8B66
accent
#529D82
highlight
#7FBCA0
border
#B6DAC6
text
#DAF0E4
Colors in Classic Elf Tide: HEX, RGB, HSL & OKLCH
- #020A06 color page →
bg
#020A06
- RGB
- rgb(2 10 6)
- HSL
- hsl(150 67% 2%)
- OKLCH
- oklch(0.132 0.02 165.3)
WCAG contrast: on white 20.02:1 (AAA) · on black 1.04:1 (Fail)
- #00291A color page →
surface
#00291A
- RGB
- rgb(0 41 26)
- HSL
- hsl(158 100% 8%)
- OKLCH
- oklch(0.249 0.053 163.5)
WCAG contrast: on white 15.76:1 (AAA) · on black 1.33:1 (Fail)
- #004326 color page →
muted
#004326
- RGB
- rgb(0 67 38)
- HSL
- hsl(154 100% 13%)
- OKLCH
- oklch(0.337 0.08 157.3)
WCAG contrast: on white 11.47:1 (AAA) · on black 1.83:1 (Fail)
- #005F41 color page →
primary
#005F41
- RGB
- rgb(0 95 65)
- HSL
- hsl(161 100% 19%)
- OKLCH
- oklch(0.43 0.092 163.3)
WCAG contrast: on white 7.73:1 (AAA) · on black 2.71:1 (Fail)
- #2B8B66 color page →
secondary
#2B8B66
- RGB
- rgb(43 139 102)
- HSL
- hsl(157 53% 36%)
- OKLCH
- oklch(0.571 0.106 163.4)
WCAG contrast: on white 4.21:1 (Fail) · on black 4.98:1 (AA)
- #529D82 color page →
accent
#529D82
- RGB
- rgb(82 157 130)
- HSL
- hsl(158 31% 47%)
- OKLCH
- oklch(0.64 0.086 168)
WCAG contrast: on white 3.22:1 (Fail) · on black 6.50:1 (AA)
- #7FBCA0 color page →
highlight
#7FBCA0
- RGB
- rgb(127 188 160)
- HSL
- hsl(152 31% 62%)
- OKLCH
- oklch(0.746 0.075 164.2)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.60:1 (AAA)
- #B6DAC6 color page →
border
#B6DAC6
- RGB
- rgb(182 218 198)
- HSL
- hsl(147 33% 78%)
- OKLCH
- oklch(0.857 0.047 160.9)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.83:1 (AAA)
- #DAF0E4 color page →
text
#DAF0E4
- RGB
- rgb(218 240 228)
- HSL
- hsl(147 42% 90%)
- OKLCH
- oklch(0.936 0.028 162.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
Export Classic Elf Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020a06;
--surface: #00291a;
--muted: #004326;
--primary: #005f41;
--secondary: #2b8b66;
--accent: #529d82;
--highlight: #7fbca0;
--border: #b6dac6;
--text: #daf0e4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020a06;
--color-surface: #00291a;
--color-muted: #004326;
--color-primary: #005f41;
--color-secondary: #2b8b66;
--color-accent: #529d82;
--color-highlight: #7fbca0;
--color-border: #b6dac6;
--color-text: #daf0e4;
}JSON (DTCG tokens)
{
"classic-elf-tide-4pc": {
"bg": {
"$type": "color",
"$value": "#020a06"
},
"surface": {
"$type": "color",
"$value": "#00291a"
},
"muted": {
"$type": "color",
"$value": "#004326"
},
"primary": {
"$type": "color",
"$value": "#005f41"
},
"secondary": {
"$type": "color",
"$value": "#2b8b66"
},
"accent": {
"$type": "color",
"$value": "#529d82"
},
"highlight": {
"$type": "color",
"$value": "#7fbca0"
},
"border": {
"$type": "color",
"$value": "#b6dac6"
},
"text": {
"$type": "color",
"$value": "#daf0e4"
}
}
}About this palette
Classic Elf Tide is a 9-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 9 colors. Hex values: #020A06, #00291A, #004326, #005F41, #2B8B66, #529D82, #7FBCA0, #B6DAC6, #DAF0E4. 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 Classic Elf Tide by OKLab color distance.