Palette · 4 colors · Lc 9.3
Jungle System palette
Jungle System: a 4-color palette (Green, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DCF6E6, #00A55F, #005E00, #0A2A16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCF6E6
surface
#00A55F
accent
#005E00
text
#0A2A16
Colors in Jungle System: HEX, RGB, HSL & OKLCH
- #DCF6E6 color page →
bg
#DCF6E6
- RGB
- rgb(220 246 230)
- HSL
- hsl(143 59% 91%)
- OKLCH
- oklch(0.95 0.035 158.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)
- #00A55F color page →
surface
#00A55F
- RGB
- rgb(0 165 95)
- HSL
- hsl(155 100% 32%)
- OKLCH
- oklch(0.634 0.156 155.3)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.54:1 (AA)
- #005E00 color page →
accent
#005E00
- RGB
- rgb(0 94 0)
- HSL
- hsl(120 100% 18%)
- OKLCH
- oklch(0.418 0.142 142.5)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #0A2A16 color page →
text
#0A2A16
- RGB
- rgb(10 42 22)
- HSL
- hsl(143 62% 10%)
- OKLCH
- oklch(0.255 0.053 152.9)
WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)
Export Jungle System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf6e6;
--surface: #00a55f;
--accent: #005e00;
--text: #0a2a16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf6e6;
--color-surface: #00a55f;
--color-accent: #005e00;
--color-text: #0a2a16;
}JSON (DTCG tokens)
{
"jungle-system-22o": {
"bg": {
"$type": "color",
"$value": "#dcf6e6"
},
"surface": {
"$type": "color",
"$value": "#00a55f"
},
"accent": {
"$type": "color",
"$value": "#005e00"
},
"text": {
"$type": "color",
"$value": "#0a2a16"
}
}
}About this palette
Jungle System is a 4-color OKLCH-ready palette tagged green, cold, 4 colors. Hex values: #DCF6E6, #00A55F, #005E00, #0A2A16. APCA contrast score Lc 9.3. 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 Jungle System by OKLab color distance.