Palette · 3 colors · Lc 9.9
True Ecological Lattice palette
True Ecological Lattice: a 3-color palette (Green, Gray, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F2FBF3, #627A64, #060C06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 3 Colors
bg
#F2FBF3
accent
#627A64
text
#060C06
Colors in True Ecological Lattice: HEX, RGB, HSL & OKLCH
- #F2FBF3 color page →
bg
#F2FBF3
- RGB
- rgb(242 251 243)
- HSL
- hsl(127 53% 97%)
- OKLCH
- oklch(0.979 0.014 148.8)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #627A64 color page →
accent
#627A64
- RGB
- rgb(98 122 100)
- HSL
- hsl(125 11% 43%)
- OKLCH
- oklch(0.554 0.044 147.2)
WCAG contrast: on white 4.68:1 (AA) · on black 4.48:1 (Fail)
- #060C06 color page →
text
#060C06
- RGB
- rgb(6 12 6)
- HSL
- hsl(120 33% 4%)
- OKLCH
- oklch(0.145 0.018 144.6)
WCAG contrast: on white 19.75:1 (AAA) · on black 1.06:1 (Fail)
Export True Ecological Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2fbf3;
--accent: #627a64;
--text: #060c06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2fbf3;
--color-accent: #627a64;
--color-text: #060c06;
}JSON (DTCG tokens)
{
"true-ecological-lattice-35v": {
"bg": {
"$type": "color",
"$value": "#f2fbf3"
},
"accent": {
"$type": "color",
"$value": "#627a64"
},
"text": {
"$type": "color",
"$value": "#060c06"
}
}
}About this palette
True Ecological Lattice is a 3-color OKLCH-ready palette tagged green, gray, monochromatic, 3 colors. Hex values: #F2FBF3, #627A64, #060C06. APCA contrast score Lc 9.9. 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 True Ecological Lattice by OKLab color distance.