Palette · 4 colors · Lc 10
Foliage Glacier palette
Foliage Glacier: a 4-color palette (Green, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #EAF9E4, #8EAD88, #4F664D, #121E11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAF9E4
surface
#8EAD88
accent
#4F664D
text
#121E11
Colors in Foliage Glacier: HEX, RGB, HSL & OKLCH
- #EAF9E4 color page →
bg
#EAF9E4
- RGB
- rgb(234 249 228)
- HSL
- hsl(103 64% 94%)
- OKLCH
- oklch(0.965 0.032 136.6)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)
- #8EAD88 color page →
surface
#8EAD88
- RGB
- rgb(142 173 136)
- HSL
- hsl(110 18% 61%)
- OKLCH
- oklch(0.714 0.063 140.5)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.48:1 (AAA)
- #4F664D color page →
accent
#4F664D
- RGB
- rgb(79 102 77)
- HSL
- hsl(115 14% 35%)
- OKLCH
- oklch(0.484 0.048 142.7)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #121E11 color page →
text
#121E11
- RGB
- rgb(18 30 17)
- HSL
- hsl(115 28% 9%)
- OKLCH
- oklch(0.219 0.03 142.6)
WCAG contrast: on white 17.21:1 (AAA) · on black 1.21:1 (Fail)
Export Foliage Glacier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf9e4;
--surface: #8ead88;
--accent: #4f664d;
--text: #121e11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf9e4;
--color-surface: #8ead88;
--color-accent: #4f664d;
--color-text: #121e11;
}JSON (DTCG tokens)
{
"foliage-glacier-2he": {
"bg": {
"$type": "color",
"$value": "#eaf9e4"
},
"surface": {
"$type": "color",
"$value": "#8ead88"
},
"accent": {
"$type": "color",
"$value": "#4f664d"
},
"text": {
"$type": "color",
"$value": "#121e11"
}
}
}About this palette
Foliage Glacier is a 4-color OKLCH-ready palette tagged green, gray, 4 colors. Hex values: #EAF9E4, #8EAD88, #4F664D, #121E11. APCA contrast score Lc 10. 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 Foliage Glacier by OKLab color distance.