Palette · 10 colors · Lc 9
Bitter Leaf Atelier palette
Bitter Leaf Atelier: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E4EEE1, #BACFB0, #ABBE75, #8BA859, #5D9635, #208136, #00662E, #004C25, #003209, #001800, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E4EEE1
surface
#BACFB0
muted
#ABBE75
primary
#8BA859
secondary
#5D9635
accent
#208136
highlight
#00662E
border
#004C25
focus
#003209
text
#001800
Colors in Bitter Leaf Atelier: HEX, RGB, HSL & OKLCH
- #E4EEE1 color page →
bg
#E4EEE1
- RGB
- rgb(228 238 225)
- HSL
- hsl(106 28% 91%)
- OKLCH
- oklch(0.938 0.02 138.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
- #BACFB0 color page →
surface
#BACFB0
- RGB
- rgb(186 207 176)
- HSL
- hsl(101 24% 75%)
- OKLCH
- oklch(0.83 0.048 135.5)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.63:1 (AAA)
- #ABBE75 color page →
muted
#ABBE75
- RGB
- rgb(171 190 117)
- HSL
- hsl(76 36% 60%)
- OKLCH
- oklch(0.77 0.099 120.7)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.35:1 (AAA)
- #8BA859 color page →
primary
#8BA859
- RGB
- rgb(139 168 89)
- HSL
- hsl(82 31% 50%)
- OKLCH
- oklch(0.691 0.111 125.7)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.84:1 (AAA)
- #5D9635 color page →
secondary
#5D9635
- RGB
- rgb(93 150 53)
- HSL
- hsl(95 48% 40%)
- OKLCH
- oklch(0.613 0.143 134.6)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #208136 color page →
accent
#208136
- RGB
- rgb(32 129 54)
- HSL
- hsl(134 60% 32%)
- OKLCH
- oklch(0.531 0.142 147)
WCAG contrast: on white 4.93:1 (AA) · on black 4.25:1 (Fail)
- #00662E color page →
highlight
#00662E
- RGB
- rgb(0 102 46)
- HSL
- hsl(147 100% 20%)
- OKLCH
- oklch(0.446 0.121 150.7)
WCAG contrast: on white 7.14:1 (AAA) · on black 2.93:1 (Fail)
- #004C25 color page →
border
#004C25
- RGB
- rgb(0 76 37)
- HSL
- hsl(149 100% 15%)
- OKLCH
- oklch(0.365 0.094 153)
WCAG contrast: on white 10.19:1 (AAA) · on black 2.06:1 (Fail)
- #003209 color page →
focus
#003209
- RGB
- rgb(0 50 9)
- HSL
- hsl(131 100% 10%)
- OKLCH
- oklch(0.276 0.085 145.7)
WCAG contrast: on white 14.38:1 (AAA) · on black 1.46:1 (Fail)
- #001800 color page →
text
#001800
- RGB
- rgb(0 24 0)
- HSL
- hsl(120 100% 5%)
- OKLCH
- oklch(0.181 0.062 142.5)
WCAG contrast: on white 18.57:1 (AAA) · on black 1.13:1 (Fail)
Export Bitter Leaf Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4eee1;
--surface: #bacfb0;
--muted: #abbe75;
--primary: #8ba859;
--secondary: #5d9635;
--accent: #208136;
--highlight: #00662e;
--border: #004c25;
--focus: #003209;
--text: #001800;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4eee1;
--color-surface: #bacfb0;
--color-muted: #abbe75;
--color-primary: #8ba859;
--color-secondary: #5d9635;
--color-accent: #208136;
--color-highlight: #00662e;
--color-border: #004c25;
--color-focus: #003209;
--color-text: #001800;
}JSON (DTCG tokens)
{
"bitter-leaf-atelier-7nq": {
"bg": {
"$type": "color",
"$value": "#e4eee1"
},
"surface": {
"$type": "color",
"$value": "#bacfb0"
},
"muted": {
"$type": "color",
"$value": "#abbe75"
},
"primary": {
"$type": "color",
"$value": "#8ba859"
},
"secondary": {
"$type": "color",
"$value": "#5d9635"
},
"accent": {
"$type": "color",
"$value": "#208136"
},
"highlight": {
"$type": "color",
"$value": "#00662e"
},
"border": {
"$type": "color",
"$value": "#004c25"
},
"focus": {
"$type": "color",
"$value": "#003209"
},
"text": {
"$type": "color",
"$value": "#001800"
}
}
}About this palette
Bitter Leaf Atelier is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E4EEE1, #BACFB0, #ABBE75, #8BA859, #5D9635, #208136, #00662E, #004C25, #003209, #001800. APCA contrast score Lc 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 Bitter Leaf Atelier by OKLab color distance.