Palette · 3 colors · Lc 9
Classic Paying Mantis System palette
Classic Paying Mantis System: a 3-color palette (Green, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #E0F6E8, #649373, #001C0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0F6E8
accent
#649373
text
#001C0B
Colors in Classic Paying Mantis System: HEX, RGB, HSL & OKLCH
- #E0F6E8 color page →
bg
#E0F6E8
- RGB
- rgb(224 246 232)
- HSL
- hsl(142 55% 92%)
- OKLCH
- oklch(0.953 0.03 157.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.51:1 (AAA)
- #649373 color page →
accent
#649373
- RGB
- rgb(100 147 115)
- HSL
- hsl(139 19% 48%)
- OKLCH
- oklch(0.62 0.07 154.2)
WCAG contrast: on white 3.52:1 (Fail) · on black 5.96:1 (AA)
- #001C0B color page →
text
#001C0B
- RGB
- rgb(0 28 11)
- HSL
- hsl(144 100% 5%)
- OKLCH
- oklch(0.199 0.05 154.5)
WCAG contrast: on white 17.93:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Paying Mantis System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0f6e8;
--accent: #649373;
--text: #001c0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0f6e8;
--color-accent: #649373;
--color-text: #001c0b;
}JSON (DTCG tokens)
{
"classic-paying-mantis-system-5jt": {
"bg": {
"$type": "color",
"$value": "#e0f6e8"
},
"accent": {
"$type": "color",
"$value": "#649373"
},
"text": {
"$type": "color",
"$value": "#001c0b"
}
}
}About this palette
Classic Paying Mantis System is a 3-color OKLCH-ready palette tagged green, gray, cold, 3 colors. Hex values: #E0F6E8, #649373, #001C0B. APCA contrast score Lc 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 Classic Paying Mantis System by OKLab color distance.