Palette · 4 colors · Lc 8.5
Steady Electra Grove palette
Steady Electra Grove: a 4-color palette (Turquoise, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #D1E8DE, #4CB693, #00613C, #001108, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D1E8DE
surface
#4CB693
accent
#00613C
text
#001108
Colors in Steady Electra Grove: HEX, RGB, HSL & OKLCH
- #D1E8DE color page →
bg
#D1E8DE
- RGB
- rgb(209 232 222)
- HSL
- hsl(154 33% 86%)
- OKLCH
- oklch(0.911 0.028 167.8)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.30:1 (AAA)
- #4CB693 color page →
surface
#4CB693
- RGB
- rgb(76 182 147)
- HSL
- hsl(160 42% 51%)
- OKLCH
- oklch(0.705 0.111 168.4)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.41:1 (AAA)
- #00613C color page →
accent
#00613C
- RGB
- rgb(0 97 60)
- HSL
- hsl(157 100% 19%)
- OKLCH
- oklch(0.434 0.1 158.9)
WCAG contrast: on white 7.56:1 (AAA) · on black 2.77:1 (Fail)
- #001108 color page →
text
#001108
- RGB
- rgb(0 17 8)
- HSL
- hsl(148 100% 3%)
- OKLCH
- oklch(0.157 0.035 161.8)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Electra Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d1e8de;
--surface: #4cb693;
--accent: #00613c;
--text: #001108;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d1e8de;
--color-surface: #4cb693;
--color-accent: #00613c;
--color-text: #001108;
}JSON (DTCG tokens)
{
"steady-electra-grove-5dg": {
"bg": {
"$type": "color",
"$value": "#d1e8de"
},
"surface": {
"$type": "color",
"$value": "#4cb693"
},
"accent": {
"$type": "color",
"$value": "#00613c"
},
"text": {
"$type": "color",
"$value": "#001108"
}
}
}About this palette
Steady Electra Grove is a 4-color OKLCH-ready palette tagged turquoise, cold, 4 colors. Hex values: #D1E8DE, #4CB693, #00613C, #001108. APCA contrast score Lc 8.5. 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 Steady Electra Grove by OKLab color distance.