Palette · 6 colors · Lc 9.2
Classic Gecko System palette
Classic Gecko System: a 6-color palette (Green, 6 Colors). HEX, RGB, HSL and OKLCH for #EFEDE3, #A39342, #975478, #00575C, #27230F, #0C0A01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 6 Colors
bg
#EFEDE3
surface
#A39342
muted
#975478
primary
#00575C
accent
#27230F
text
#0C0A01
Colors in Classic Gecko System: HEX, RGB, HSL & OKLCH
- #EFEDE3 color page →
bg
#EFEDE3
- RGB
- rgb(239 237 227)
- HSL
- hsl(50 27% 91%)
- OKLCH
- oklch(0.945 0.013 97.4)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)
- #A39342 color page →
surface
#A39342
- RGB
- rgb(163 147 66)
- HSL
- hsl(50 42% 45%)
- OKLCH
- oklch(0.661 0.103 98.3)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #975478 color page →
muted
#975478
- RGB
- rgb(151 84 120)
- HSL
- hsl(328 29% 46%)
- OKLCH
- oklch(0.536 0.1 347.6)
WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)
- #00575C color page →
primary
#00575C
- RGB
- rgb(0 87 92)
- HSL
- hsl(183 100% 18%)
- OKLCH
- oklch(0.416 0.071 201.6)
WCAG contrast: on white 8.34:1 (AAA) · on black 2.51:1 (Fail)
- #27230F color page →
accent
#27230F
- RGB
- rgb(39 35 15)
- HSL
- hsl(50 44% 11%)
- OKLCH
- oklch(0.255 0.034 98.3)
WCAG contrast: on white 15.74:1 (AAA) · on black 1.33:1 (Fail)
- #0C0A01 color page →
text
#0C0A01
- RGB
- rgb(12 10 1)
- HSL
- hsl(49 85% 3%)
- OKLCH
- oklch(0.143 0.026 101.5)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Gecko System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efede3;
--surface: #a39342;
--muted: #975478;
--primary: #00575c;
--accent: #27230f;
--text: #0c0a01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efede3;
--color-surface: #a39342;
--color-muted: #975478;
--color-primary: #00575c;
--color-accent: #27230f;
--color-text: #0c0a01;
}JSON (DTCG tokens)
{
"classic-gecko-system-23t": {
"bg": {
"$type": "color",
"$value": "#efede3"
},
"surface": {
"$type": "color",
"$value": "#a39342"
},
"muted": {
"$type": "color",
"$value": "#975478"
},
"primary": {
"$type": "color",
"$value": "#00575c"
},
"accent": {
"$type": "color",
"$value": "#27230f"
},
"text": {
"$type": "color",
"$value": "#0c0a01"
}
}
}About this palette
Classic Gecko System is a 6-color OKLCH-ready palette tagged green, 6 colors. Hex values: #EFEDE3, #A39342, #975478, #00575C, #27230F, #0C0A01. APCA contrast score Lc 9.2. 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 Gecko System by OKLab color distance.