Palette · 7 colors · Lc 9.5
Steady Avocado Noir palette
Steady Avocado Noir: a 7-color palette (Green, Monochromatic, 7 Colors). HEX, RGB, HSL and OKLCH for #071002, #143200, #345D00, #568313, #7BAD55, #B1D79F, #E8F7DC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 7 Colors
bg
#071002
surface
#143200
muted
#345D00
primary
#568313
secondary
#7BAD55
accent
#B1D79F
text
#E8F7DC
Colors in Steady Avocado Noir: HEX, RGB, HSL & OKLCH
- #071002 color page →
bg
#071002
- RGB
- rgb(7 16 2)
- HSL
- hsl(99 78% 4%)
- OKLCH
- oklch(0.158 0.036 132.7)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
- #143200 color page →
surface
#143200
- RGB
- rgb(20 50 0)
- HSL
- hsl(96 100% 10%)
- OKLCH
- oklch(0.283 0.084 135.8)
WCAG contrast: on white 14.13:1 (AAA) · on black 1.48:1 (Fail)
- #345D00 color page →
muted
#345D00
- RGB
- rgb(52 93 0)
- HSL
- hsl(86 100% 18%)
- OKLCH
- oklch(0.431 0.121 132.8)
WCAG contrast: on white 7.74:1 (AAA) · on black 2.71:1 (Fail)
- #568313 color page →
primary
#568313
- RGB
- rgb(86 131 19)
- HSL
- hsl(84 75% 29%)
- OKLCH
- oklch(0.556 0.143 130.3)
WCAG contrast: on white 4.51:1 (AA) · on black 4.65:1 (AA)
- #7BAD55 color page →
secondary
#7BAD55
- RGB
- rgb(123 173 85)
- HSL
- hsl(94 35% 51%)
- OKLCH
- oklch(0.692 0.13 133.2)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.95:1 (AAA)
- #B1D79F color page →
accent
#B1D79F
- RGB
- rgb(177 215 159)
- HSL
- hsl(101 41% 73%)
- OKLCH
- oklch(0.837 0.086 135.8)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.09:1 (AAA)
- #E8F7DC color page →
text
#E8F7DC
- RGB
- rgb(232 247 220)
- HSL
- hsl(93 63% 92%)
- OKLCH
- oklch(0.958 0.039 131)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.76:1 (AAA)
Export Steady Avocado Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #071002;
--surface: #143200;
--muted: #345d00;
--primary: #568313;
--secondary: #7bad55;
--accent: #b1d79f;
--text: #e8f7dc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #071002;
--color-surface: #143200;
--color-muted: #345d00;
--color-primary: #568313;
--color-secondary: #7bad55;
--color-accent: #b1d79f;
--color-text: #e8f7dc;
}JSON (DTCG tokens)
{
"steady-avocado-noir-6ab": {
"bg": {
"$type": "color",
"$value": "#071002"
},
"surface": {
"$type": "color",
"$value": "#143200"
},
"muted": {
"$type": "color",
"$value": "#345d00"
},
"primary": {
"$type": "color",
"$value": "#568313"
},
"secondary": {
"$type": "color",
"$value": "#7bad55"
},
"accent": {
"$type": "color",
"$value": "#b1d79f"
},
"text": {
"$type": "color",
"$value": "#e8f7dc"
}
}
}About this palette
Steady Avocado Noir is a 7-color OKLCH-ready palette tagged green, monochromatic, 7 colors. Hex values: #071002, #143200, #345D00, #568313, #7BAD55, #B1D79F, #E8F7DC. APCA contrast score Lc 9.5. 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 Steady Avocado Noir by OKLab color distance.