Palette · 5 colors · Lc 9.6
Classic Mana Tree Circuit palette
Classic Mana Tree Circuit: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #EFF8EC, #567F44, #81568D, #293429, #060906, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFF8EC
surface
#567F44
primary
#81568D
accent
#293429
text
#060906
Colors in Classic Mana Tree Circuit: HEX, RGB, HSL & OKLCH
- #EFF8EC color page →
bg
#EFF8EC
- RGB
- rgb(239 248 236)
- HSL
- hsl(105 46% 95%)
- OKLCH
- oklch(0.969 0.018 137.8)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.30:1 (AAA)
- #567F44 color page →
surface
#567F44
- RGB
- rgb(86 127 68)
- HSL
- hsl(102 30% 38%)
- OKLCH
- oklch(0.551 0.098 136.8)
WCAG contrast: on white 4.65:1 (AA) · on black 4.51:1 (AA)
- #81568D color page →
primary
#81568D
- RGB
- rgb(129 86 141)
- HSL
- hsl(287 24% 45%)
- OKLCH
- oklch(0.521 0.098 318.7)
WCAG contrast: on white 5.75:1 (AA) · on black 3.64:1 (Fail)
- #293429 color page →
accent
#293429
- RGB
- rgb(41 52 41)
- HSL
- hsl(120 12% 18%)
- OKLCH
- oklch(0.311 0.024 145)
WCAG contrast: on white 12.98:1 (AAA) · on black 1.61:1 (Fail)
- #060906 color page →
text
#060906
- RGB
- rgb(6 9 6)
- HSL
- hsl(120 20% 3%)
- OKLCH
- oklch(0.134 0.01 145)
WCAG contrast: on white 20.01:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Mana Tree Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eff8ec;
--surface: #567f44;
--primary: #81568d;
--accent: #293429;
--text: #060906;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eff8ec;
--color-surface: #567f44;
--color-primary: #81568d;
--color-accent: #293429;
--color-text: #060906;
}JSON (DTCG tokens)
{
"classic-mana-tree-circuit-v3": {
"bg": {
"$type": "color",
"$value": "#eff8ec"
},
"surface": {
"$type": "color",
"$value": "#567f44"
},
"primary": {
"$type": "color",
"$value": "#81568d"
},
"accent": {
"$type": "color",
"$value": "#293429"
},
"text": {
"$type": "color",
"$value": "#060906"
}
}
}About this palette
Classic Mana Tree Circuit is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #EFF8EC, #567F44, #81568D, #293429, #060906. APCA contrast score Lc 9.6. 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 Mana Tree Circuit by OKLab color distance.