Palette · 8 colors · Lc 8.7
Leafy Lush Noir palette
Leafy Lush Noir: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #E6E6D1, #E2C881, #D8A000, #B38D00, #577500, #006900, #1C3F00, #191900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#E6E6D1
surface
#E2C881
muted
#D8A000
primary
#B38D00
secondary
#577500
accent
#006900
highlight
#1C3F00
text
#191900
Colors in Leafy Lush Noir: HEX, RGB, HSL & OKLCH
- #E6E6D1 color page →
bg
#E6E6D1
- RGB
- rgb(230 230 209)
- HSL
- hsl(60 30% 86%)
- OKLCH
- oklch(0.919 0.028 106.9)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.60:1 (AAA)
- #E2C881 color page →
surface
#E2C881
- RGB
- rgb(226 200 129)
- HSL
- hsl(44 63% 70%)
- OKLCH
- oklch(0.839 0.095 90.1)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.81:1 (AAA)
- #D8A000 color page →
muted
#D8A000
- RGB
- rgb(216 160 0)
- HSL
- hsl(44 100% 42%)
- OKLCH
- oklch(0.739 0.152 83.3)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.94:1 (AAA)
- #B38D00 color page →
primary
#B38D00
- RGB
- rgb(179 141 0)
- HSL
- hsl(47 100% 35%)
- OKLCH
- oklch(0.66 0.135 89.5)
WCAG contrast: on white 3.12:1 (Fail) · on black 6.72:1 (AA)
- #577500 color page →
secondary
#577500
- RGB
- rgb(87 117 0)
- HSL
- hsl(75 100% 23%)
- OKLCH
- oklch(0.52 0.131 125.4)
WCAG contrast: on white 5.31:1 (AA) · on black 3.94:1 (Fail)
- #006900 color page →
accent
#006900
- RGB
- rgb(0 105 0)
- HSL
- hsl(120 100% 21%)
- OKLCH
- oklch(0.451 0.154 142.5)
WCAG contrast: on white 6.95:1 (AA) · on black 3.02:1 (Fail)
- #1C3F00 color page →
highlight
#1C3F00
- RGB
- rgb(28 63 0)
- HSL
- hsl(93 100% 12%)
- OKLCH
- oklch(0.328 0.096 135.3)
WCAG contrast: on white 11.92:1 (AAA) · on black 1.76:1 (Fail)
- #191900 color page →
text
#191900
- RGB
- rgb(25 25 0)
- HSL
- hsl(60 100% 5%)
- OKLCH
- oklch(0.207 0.045 109.8)
WCAG contrast: on white 17.79:1 (AAA) · on black 1.18:1 (Fail)
Export Leafy Lush Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e6d1;
--surface: #e2c881;
--muted: #d8a000;
--primary: #b38d00;
--secondary: #577500;
--accent: #006900;
--highlight: #1c3f00;
--text: #191900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e6d1;
--color-surface: #e2c881;
--color-muted: #d8a000;
--color-primary: #b38d00;
--color-secondary: #577500;
--color-accent: #006900;
--color-highlight: #1c3f00;
--color-text: #191900;
}JSON (DTCG tokens)
{
"leafy-lush-noir-5bz": {
"bg": {
"$type": "color",
"$value": "#e6e6d1"
},
"surface": {
"$type": "color",
"$value": "#e2c881"
},
"muted": {
"$type": "color",
"$value": "#d8a000"
},
"primary": {
"$type": "color",
"$value": "#b38d00"
},
"secondary": {
"$type": "color",
"$value": "#577500"
},
"accent": {
"$type": "color",
"$value": "#006900"
},
"highlight": {
"$type": "color",
"$value": "#1c3f00"
},
"text": {
"$type": "color",
"$value": "#191900"
}
}
}About this palette
Leafy Lush Noir is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #E6E6D1, #E2C881, #D8A000, #B38D00, #577500, #006900, #1C3F00, #191900. APCA contrast score Lc 8.7. 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 Leafy Lush Noir by OKLab color distance.