Palette · 3 colors · Lc 8.7
True Avocado Atelier palette
True Avocado Atelier: a 3-color palette (Green, 3 Colors). HEX, RGB, HSL and OKLCH for #D8E7C8, #488000, #040B01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 3 Colors
bg
#D8E7C8
accent
#488000
text
#040B01
Colors in True Avocado Atelier: HEX, RGB, HSL & OKLCH
- #D8E7C8 color page →
bg
#D8E7C8
- RGB
- rgb(216 231 200)
- HSL
- hsl(89 39% 85%)
- OKLCH
- oklch(0.908 0.044 128.4)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.18:1 (AAA)
- #488000 color page →
accent
#488000
- RGB
- rgb(72 128 0)
- HSL
- hsl(86 100% 25%)
- OKLCH
- oklch(0.54 0.153 133.2)
WCAG contrast: on white 4.81:1 (AA) · on black 4.36:1 (Fail)
- #040B01 color page →
text
#040B01
- RGB
- rgb(4 11 1)
- HSL
- hsl(102 83% 2%)
- OKLCH
- oklch(0.136 0.033 133.7)
WCAG contrast: on white 19.93:1 (AAA) · on black 1.05:1 (Fail)
Export True Avocado Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8e7c8;
--accent: #488000;
--text: #040b01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8e7c8;
--color-accent: #488000;
--color-text: #040b01;
}JSON (DTCG tokens)
{
"true-avocado-atelier-1gi": {
"bg": {
"$type": "color",
"$value": "#d8e7c8"
},
"accent": {
"$type": "color",
"$value": "#488000"
},
"text": {
"$type": "color",
"$value": "#040b01"
}
}
}About this palette
True Avocado Atelier is a 3-color OKLCH-ready palette tagged green, 3 colors. Hex values: #D8E7C8, #488000, #040B01. 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 True Avocado Atelier by OKLab color distance.