Palette · 4 colors · Lc 8.8
Foliage Archive palette
Foliage Archive: a 4-color palette (Green, Gray, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #E6F0E8, #8DB086, #004432, #041508, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F0E8
surface
#8DB086
accent
#004432
text
#041508
Colors in Foliage Archive: HEX, RGB, HSL & OKLCH
- #E6F0E8 color page →
bg
#E6F0E8
- RGB
- rgb(230 240 232)
- HSL
- hsl(132 25% 92%)
- OKLCH
- oklch(0.945 0.015 151.8)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.99:1 (AAA)
- #8DB086 color page →
surface
#8DB086
- RGB
- rgb(141 176 134)
- HSL
- hsl(110 21% 61%)
- OKLCH
- oklch(0.72 0.071 140.4)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.68:1 (AAA)
- #004432 color page →
accent
#004432
- RGB
- rgb(0 68 50)
- HSL
- hsl(164 100% 13%)
- OKLCH
- oklch(0.343 0.069 168.3)
WCAG contrast: on white 11.21:1 (AAA) · on black 1.87:1 (Fail)
- #041508 color page →
text
#041508
- RGB
- rgb(4 21 8)
- HSL
- hsl(134 68% 5%)
- OKLCH
- oklch(0.176 0.036 150.6)
WCAG contrast: on white 18.81:1 (AAA) · on black 1.11:1 (Fail)
Export Foliage Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f0e8;
--surface: #8db086;
--accent: #004432;
--text: #041508;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f0e8;
--color-surface: #8db086;
--color-accent: #004432;
--color-text: #041508;
}JSON (DTCG tokens)
{
"foliage-archive-3cc": {
"bg": {
"$type": "color",
"$value": "#e6f0e8"
},
"surface": {
"$type": "color",
"$value": "#8db086"
},
"accent": {
"$type": "color",
"$value": "#004432"
},
"text": {
"$type": "color",
"$value": "#041508"
}
}
}About this palette
Foliage Archive is a 4-color OKLCH-ready palette tagged green, gray, nature, 4 colors. Hex values: #E6F0E8, #8DB086, #004432, #041508. 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 Foliage Archive by OKLab color distance.