Palette · 3 colors · Lc 8.6
Avocado Ribbon palette
Avocado Ribbon: a 3-color palette (Green, Dark Mode UI, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #090D07, #508400, #EDEDED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Dark Mode UI
- UI System
- 3 Colors
bg
#090D07
accent
#508400
text
#EDEDED
Colors in Avocado Ribbon: HEX, RGB, HSL & OKLCH
- #090D07 color page →
bg
#090D07
- RGB
- rgb(9 13 7)
- HSL
- hsl(100 30% 4%)
- OKLCH
- oklch(0.152 0.015 134.4)
WCAG contrast: on white 19.58:1 (AAA) · on black 1.07:1 (Fail)
- #508400 color page →
accent
#508400
- RGB
- rgb(80 132 0)
- HSL
- hsl(84 100% 26%)
- OKLCH
- oklch(0.555 0.153 131.6)
WCAG contrast: on white 4.52:1 (AA) · on black 4.64:1 (AA)
- #EDEDED color page →
text
#EDEDED
- RGB
- rgb(237 237 237)
- HSL
- hsl(0 0% 93%)
- OKLCH
- oklch(0.946 0 0)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
Export Avocado Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090d07;
--accent: #508400;
--text: #ededed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090d07;
--color-accent: #508400;
--color-text: #ededed;
}JSON (DTCG tokens)
{
"avocado-ribbon-6nr": {
"bg": {
"$type": "color",
"$value": "#090d07"
},
"accent": {
"$type": "color",
"$value": "#508400"
},
"text": {
"$type": "color",
"$value": "#ededed"
}
}
}About this palette
Avocado Ribbon is a 3-color OKLCH-ready palette tagged green, dark mode ui, ui system, 3 colors. Hex values: #090D07, #508400, #EDEDED. APCA contrast score Lc 8.6. 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 Avocado Ribbon by OKLab color distance.