Palette · 7 colors · Lc 9.9
Botanical Noir palette
Botanical Noir: a 7-color palette (Trending, Green, Nature, 7 Colors). HEX, RGB, HSL and OKLCH for #EEF1EC, #B2C69D, #7A9859, #3B641D, #204A23, #092E0A, #060F02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF1EC
surface
#B2C69D
muted
#7A9859
primary
#3B641D
secondary
#204A23
accent
#092E0A
text
#060F02
Colors in Botanical Noir: HEX, RGB, HSL & OKLCH
- #EEF1EC color page →
bg
#EEF1EC
- RGB
- rgb(238 241 236)
- HSL
- hsl(96 15% 94%)
- OKLCH
- oklch(0.954 0.007 132.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)
- #B2C69D color page →
surface
#B2C69D
- RGB
- rgb(178 198 157)
- HSL
- hsl(89 26% 70%)
- OKLCH
- oklch(0.801 0.06 128.9)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.45:1 (AAA)
- #7A9859 color page →
muted
#7A9859
- RGB
- rgb(122 152 89)
- HSL
- hsl(89 26% 47%)
- OKLCH
- oklch(0.641 0.094 129.5)
WCAG contrast: on white 3.24:1 (Fail) · on black 6.46:1 (AA)
- #3B641D color page →
primary
#3B641D
- RGB
- rgb(59 100 29)
- HSL
- hsl(95 55% 25%)
- OKLCH
- oklch(0.457 0.11 134.6)
WCAG contrast: on white 6.93:1 (AA) · on black 3.02:1 (Fail)
- #204A23 color page →
secondary
#204A23
- RGB
- rgb(32 74 35)
- HSL
- hsl(124 40% 21%)
- OKLCH
- oklch(0.368 0.08 145.1)
WCAG contrast: on white 10.16:1 (AAA) · on black 2.06:1 (Fail)
- #092E0A color page →
accent
#092E0A
- RGB
- rgb(9 46 10)
- HSL
- hsl(122 67% 11%)
- OKLCH
- oklch(0.266 0.074 143.5)
WCAG contrast: on white 14.92:1 (AAA) · on black 1.40:1 (Fail)
- #060F02 color page →
text
#060F02
- RGB
- rgb(6 15 2)
- HSL
- hsl(102 76% 3%)
- OKLCH
- oklch(0.154 0.035 134.1)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
Export Botanical Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef1ec;
--surface: #b2c69d;
--muted: #7a9859;
--primary: #3b641d;
--secondary: #204a23;
--accent: #092e0a;
--text: #060f02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef1ec;
--color-surface: #b2c69d;
--color-muted: #7a9859;
--color-primary: #3b641d;
--color-secondary: #204a23;
--color-accent: #092e0a;
--color-text: #060f02;
}JSON (DTCG tokens)
{
"botanical-noir-7g5": {
"bg": {
"$type": "color",
"$value": "#eef1ec"
},
"surface": {
"$type": "color",
"$value": "#b2c69d"
},
"muted": {
"$type": "color",
"$value": "#7a9859"
},
"primary": {
"$type": "color",
"$value": "#3b641d"
},
"secondary": {
"$type": "color",
"$value": "#204a23"
},
"accent": {
"$type": "color",
"$value": "#092e0a"
},
"text": {
"$type": "color",
"$value": "#060f02"
}
}
}About this palette
Botanical Noir is a 7-color OKLCH-ready palette tagged trending, green, nature, 7 colors. Hex values: #EEF1EC, #B2C69D, #7A9859, #3B641D, #204A23, #092E0A, #060F02. APCA contrast score Lc 9.9. 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 Botanical Noir by OKLab color distance.