Palette · 6 colors · Lc 8.6
Gecko Garden palette
Gecko Garden: a 6-color palette (Green, 6 Colors). HEX, RGB, HSL and OKLCH for #F6EED4, #C1BF7E, #999333, #5E5800, #293100, #0C0F06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 6 Colors
bg
#F6EED4
surface
#C1BF7E
muted
#999333
primary
#5E5800
accent
#293100
text
#0C0F06
Colors in Gecko Garden: HEX, RGB, HSL & OKLCH
- #F6EED4 color page →
bg
#F6EED4
- RGB
- rgb(246 238 212)
- HSL
- hsl(46 65% 90%)
- OKLCH
- oklch(0.949 0.035 92.8)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)
- #C1BF7E color page →
surface
#C1BF7E
- RGB
- rgb(193 191 126)
- HSL
- hsl(58 35% 63%)
- OKLCH
- oklch(0.791 0.085 106.7)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.02:1 (AAA)
- #999333 color page →
muted
#999333
- RGB
- rgb(153 147 51)
- HSL
- hsl(56 50% 40%)
- OKLCH
- oklch(0.65 0.116 105.7)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.57:1 (AA)
- #5E5800 color page →
primary
#5E5800
- RGB
- rgb(94 88 0)
- HSL
- hsl(56 100% 18%)
- OKLCH
- oklch(0.452 0.096 105)
WCAG contrast: on white 7.31:1 (AAA) · on black 2.87:1 (Fail)
- #293100 color page →
accent
#293100
- RGB
- rgb(41 49 0)
- HSL
- hsl(70 100% 10%)
- OKLCH
- oklch(0.295 0.069 119.1)
WCAG contrast: on white 13.69:1 (AAA) · on black 1.53:1 (Fail)
- #0C0F06 color page →
text
#0C0F06
- RGB
- rgb(12 15 6)
- HSL
- hsl(80 43% 4%)
- OKLCH
- oklch(0.162 0.02 122.7)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
Export Gecko Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6eed4;
--surface: #c1bf7e;
--muted: #999333;
--primary: #5e5800;
--accent: #293100;
--text: #0c0f06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6eed4;
--color-surface: #c1bf7e;
--color-muted: #999333;
--color-primary: #5e5800;
--color-accent: #293100;
--color-text: #0c0f06;
}JSON (DTCG tokens)
{
"gecko-garden-239": {
"bg": {
"$type": "color",
"$value": "#f6eed4"
},
"surface": {
"$type": "color",
"$value": "#c1bf7e"
},
"muted": {
"$type": "color",
"$value": "#999333"
},
"primary": {
"$type": "color",
"$value": "#5e5800"
},
"accent": {
"$type": "color",
"$value": "#293100"
},
"text": {
"$type": "color",
"$value": "#0c0f06"
}
}
}About this palette
Gecko Garden is a 6-color OKLCH-ready palette tagged green, 6 colors. Hex values: #F6EED4, #C1BF7E, #999333, #5E5800, #293100, #0C0F06. APCA contrast score Lc 8.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 Gecko Garden by OKLab color distance.