Palette · 4 colors · Lc 9.4
Pure Avocado Garden palette
Pure Avocado Garden: a 4-color palette (Green, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #040501, #333825, #5E8500, #EBEFE5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Dark Mode UI
- UI System
- 4 Colors
bg
#040501
surface
#333825
accent
#5E8500
text
#EBEFE5
Colors in Pure Avocado Garden: HEX, RGB, HSL & OKLCH
- #040501 color page →
bg
#040501
- RGB
- rgb(4 5 1)
- HSL
- hsl(75 67% 1%)
- OKLCH
- oklch(0.11 0.018 118.1)
WCAG contrast: on white 20.44:1 (AAA) · on black 1.02:1 (Fail)
- #333825 color page →
surface
#333825
- RGB
- rgb(51 56 37)
- HSL
- hsl(76 20% 18%)
- OKLCH
- oklch(0.33 0.033 120.2)
WCAG contrast: on white 12.11:1 (AAA) · on black 1.73:1 (Fail)
- #5E8500 color page →
accent
#5E8500
- RGB
- rgb(94 133 0)
- HSL
- hsl(78 100% 26%)
- OKLCH
- oklch(0.566 0.147 127.4)
WCAG contrast: on white 4.34:1 (Fail) · on black 4.83:1 (AA)
- #EBEFE5 color page →
text
#EBEFE5
- RGB
- rgb(235 239 229)
- HSL
- hsl(84 24% 92%)
- OKLCH
- oklch(0.946 0.014 124.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.01:1 (AAA)
Export Pure Avocado Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #040501;
--surface: #333825;
--accent: #5e8500;
--text: #ebefe5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #040501;
--color-surface: #333825;
--color-accent: #5e8500;
--color-text: #ebefe5;
}JSON (DTCG tokens)
{
"pure-avocado-garden-2w8": {
"bg": {
"$type": "color",
"$value": "#040501"
},
"surface": {
"$type": "color",
"$value": "#333825"
},
"accent": {
"$type": "color",
"$value": "#5e8500"
},
"text": {
"$type": "color",
"$value": "#ebefe5"
}
}
}About this palette
Pure Avocado Garden is a 4-color OKLCH-ready palette tagged green, dark mode ui, ui system, 4 colors. Hex values: #040501, #333825, #5E8500, #EBEFE5. APCA contrast score Lc 9.4. 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 Pure Avocado Garden by OKLab color distance.