Palette · 8 colors · Lc 8.5
Muted Cucumber Lattice palette
Muted Cucumber Lattice: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #ECEEE2, #E1D08E, #D39800, #998500, #537200, #006700, #293E00, #161200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#ECEEE2
surface
#E1D08E
muted
#D39800
primary
#998500
secondary
#537200
accent
#006700
highlight
#293E00
text
#161200
Colors in Muted Cucumber Lattice: HEX, RGB, HSL & OKLCH
- #ECEEE2 color page →
bg
#ECEEE2
- RGB
- rgb(236 238 226)
- HSL
- hsl(70 26% 91%)
- OKLCH
- oklch(0.944 0.016 114.4)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)
- #E1D08E color page →
surface
#E1D08E
- RGB
- rgb(225 208 142)
- HSL
- hsl(48 58% 72%)
- OKLCH
- oklch(0.856 0.087 95.4)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.61:1 (AAA)
- #D39800 color page →
muted
#D39800
- RGB
- rgb(211 152 0)
- HSL
- hsl(43 100% 41%)
- OKLCH
- oklch(0.718 0.148 80.8)
WCAG contrast: on white 2.54:1 (Fail) · on black 8.26:1 (AAA)
- #998500 color page →
primary
#998500
- RGB
- rgb(153 133 0)
- HSL
- hsl(52 100% 30%)
- OKLCH
- oklch(0.616 0.128 98.6)
WCAG contrast: on white 3.67:1 (Fail) · on black 5.70:1 (AA)
- #537200 color page →
secondary
#537200
- RGB
- rgb(83 114 0)
- HSL
- hsl(76 100% 22%)
- OKLCH
- oklch(0.509 0.13 126.1)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #006700 color page →
accent
#006700
- RGB
- rgb(0 103 0)
- HSL
- hsl(120 100% 20%)
- OKLCH
- oklch(0.445 0.151 142.5)
WCAG contrast: on white 7.14:1 (AAA) · on black 2.94:1 (Fail)
- #293E00 color page →
highlight
#293E00
- RGB
- rgb(41 62 0)
- HSL
- hsl(80 100% 12%)
- OKLCH
- oklch(0.333 0.087 127.9)
WCAG contrast: on white 11.77:1 (AAA) · on black 1.78:1 (Fail)
- #161200 color page →
text
#161200
- RGB
- rgb(22 18 0)
- HSL
- hsl(49 100% 4%)
- OKLCH
- oklch(0.182 0.038 99.5)
WCAG contrast: on white 18.73:1 (AAA) · on black 1.12:1 (Fail)
Export Muted Cucumber Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eceee2;
--surface: #e1d08e;
--muted: #d39800;
--primary: #998500;
--secondary: #537200;
--accent: #006700;
--highlight: #293e00;
--text: #161200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eceee2;
--color-surface: #e1d08e;
--color-muted: #d39800;
--color-primary: #998500;
--color-secondary: #537200;
--color-accent: #006700;
--color-highlight: #293e00;
--color-text: #161200;
}JSON (DTCG tokens)
{
"muted-cucumber-lattice-727": {
"bg": {
"$type": "color",
"$value": "#eceee2"
},
"surface": {
"$type": "color",
"$value": "#e1d08e"
},
"muted": {
"$type": "color",
"$value": "#d39800"
},
"primary": {
"$type": "color",
"$value": "#998500"
},
"secondary": {
"$type": "color",
"$value": "#537200"
},
"accent": {
"$type": "color",
"$value": "#006700"
},
"highlight": {
"$type": "color",
"$value": "#293e00"
},
"text": {
"$type": "color",
"$value": "#161200"
}
}
}About this palette
Muted Cucumber Lattice is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #ECEEE2, #E1D08E, #D39800, #998500, #537200, #006700, #293E00, #161200. APCA contrast score Lc 8.5. 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 Muted Cucumber Lattice by OKLab color distance.