Palette · 5 colors · Lc 9.1
Classic Clover Lattice palette
Classic Clover Lattice: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #D8F8D9, #16CA74, #008D06, #004D01, #00130A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#D8F8D9
surface
#16CA74
primary
#008D06
accent
#004D01
text
#00130A
Colors in Classic Clover Lattice: HEX, RGB, HSL & OKLCH
- #D8F8D9 color page →
bg
#D8F8D9
- RGB
- rgb(216 248 217)
- HSL
- hsl(122 70% 91%)
- OKLCH
- oklch(0.948 0.053 146)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
- #16CA74 color page →
surface
#16CA74
- RGB
- rgb(22 202 116)
- HSL
- hsl(151 80% 44%)
- OKLCH
- oklch(0.738 0.181 154.4)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.73:1 (AAA)
- #008D06 color page →
primary
#008D06
- RGB
- rgb(0 141 6)
- HSL
- hsl(123 100% 28%)
- OKLCH
- oklch(0.558 0.188 142.7)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #004D01 color page →
accent
#004D01
- RGB
- rgb(0 77 1)
- HSL
- hsl(121 100% 15%)
- OKLCH
- oklch(0.364 0.123 142.6)
WCAG contrast: on white 10.18:1 (AAA) · on black 2.06:1 (Fail)
- #00130A color page →
text
#00130A
- RGB
- rgb(0 19 10)
- HSL
- hsl(152 100% 4%)
- OKLCH
- oklch(0.165 0.035 163.5)
WCAG contrast: on white 19.13:1 (AAA) · on black 1.09:1 (Fail)
Export Classic Clover Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8f8d9;
--surface: #16ca74;
--primary: #008d06;
--accent: #004d01;
--text: #00130a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8f8d9;
--color-surface: #16ca74;
--color-primary: #008d06;
--color-accent: #004d01;
--color-text: #00130a;
}JSON (DTCG tokens)
{
"classic-clover-lattice-467": {
"bg": {
"$type": "color",
"$value": "#d8f8d9"
},
"surface": {
"$type": "color",
"$value": "#16ca74"
},
"primary": {
"$type": "color",
"$value": "#008d06"
},
"accent": {
"$type": "color",
"$value": "#004d01"
},
"text": {
"$type": "color",
"$value": "#00130a"
}
}
}About this palette
Classic Clover Lattice is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #D8F8D9, #16CA74, #008D06, #004D01, #00130A. APCA contrast score Lc 9.1. 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 Classic Clover Lattice by OKLab color distance.