Palette · 5 colors · Lc 8.8
Opal Green Grove palette
Opal Green Grove: a 5-color palette (Turquoise, Cold, Nature, Green). HEX, RGB, HSL and OKLCH for #DEE9E2, #79AA79, #00754C, #00412F, #031208, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEE9E2
surface
#79AA79
primary
#00754C
accent
#00412F
text
#031208
Colors in Opal Green Grove: HEX, RGB, HSL & OKLCH
- #DEE9E2 color page →
bg
#DEE9E2
- RGB
- rgb(222 233 226)
- HSL
- hsl(142 20% 89%)
- OKLCH
- oklch(0.924 0.015 158.2)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.85:1 (AAA)
- #79AA79 color page →
surface
#79AA79
- RGB
- rgb(121 170 121)
- HSL
- hsl(120 22% 57%)
- OKLCH
- oklch(0.69 0.088 144.5)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.83:1 (AAA)
- #00754C color page →
primary
#00754C
- RGB
- rgb(0 117 76)
- HSL
- hsl(159 100% 23%)
- OKLCH
- oklch(0.496 0.112 160.4)
WCAG contrast: on white 5.75:1 (AA) · on black 3.64:1 (Fail)
- #00412F color page →
accent
#00412F
- RGB
- rgb(0 65 47)
- HSL
- hsl(163 100% 13%)
- OKLCH
- oklch(0.333 0.068 167.5)
WCAG contrast: on white 11.68:1 (AAA) · on black 1.79:1 (Fail)
- #031208 color page →
text
#031208
- RGB
- rgb(3 18 8)
- HSL
- hsl(140 71% 4%)
- OKLCH
- oklch(0.164 0.032 155)
WCAG contrast: on white 19.19:1 (AAA) · on black 1.09:1 (Fail)
Export Opal Green Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dee9e2;
--surface: #79aa79;
--primary: #00754c;
--accent: #00412f;
--text: #031208;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dee9e2;
--color-surface: #79aa79;
--color-primary: #00754c;
--color-accent: #00412f;
--color-text: #031208;
}JSON (DTCG tokens)
{
"opal-green-grove-1v0": {
"bg": {
"$type": "color",
"$value": "#dee9e2"
},
"surface": {
"$type": "color",
"$value": "#79aa79"
},
"primary": {
"$type": "color",
"$value": "#00754c"
},
"accent": {
"$type": "color",
"$value": "#00412f"
},
"text": {
"$type": "color",
"$value": "#031208"
}
}
}About this palette
Opal Green Grove is a 5-color OKLCH-ready palette tagged turquoise, cold, nature, green, 5 colors. Hex values: #DEE9E2, #79AA79, #00754C, #00412F, #031208. APCA contrast score Lc 8.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 Opal Green Grove by OKLab color distance.