Palette · 5 colors · Lc 9.7
Steady Avocado Harbor palette
Steady Avocado Harbor: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #EDF6E0, #ABBD70, #648600, #374C00, #141708, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#EDF6E0
surface
#ABBD70
primary
#648600
accent
#374C00
text
#141708
Colors in Steady Avocado Harbor: HEX, RGB, HSL & OKLCH
- #EDF6E0 color page →
bg
#EDF6E0
- RGB
- rgb(237 246 224)
- HSL
- hsl(85 55% 92%)
- OKLCH
- oklch(0.96 0.031 125.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.85:1 (AAA)
- #ABBD70 color page →
surface
#ABBD70
- RGB
- rgb(171 189 112)
- HSL
- hsl(74 37% 59%)
- OKLCH
- oklch(0.767 0.103 119.6)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.24:1 (AAA)
- #648600 color page →
primary
#648600
- RGB
- rgb(100 134 0)
- HSL
- hsl(75 100% 26%)
- OKLCH
- oklch(0.573 0.145 125.4)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.95:1 (AA)
- #374C00 color page →
accent
#374C00
- RGB
- rgb(55 76 0)
- HSL
- hsl(77 100% 15%)
- OKLCH
- oklch(0.385 0.097 125.6)
WCAG contrast: on white 9.56:1 (AAA) · on black 2.19:1 (Fail)
- #141708 color page →
text
#141708
- RGB
- rgb(20 23 8)
- HSL
- hsl(72 48% 6%)
- OKLCH
- oklch(0.197 0.028 118.3)
WCAG contrast: on white 18.16:1 (AAA) · on black 1.15:1 (Fail)
Export Steady Avocado Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf6e0;
--surface: #abbd70;
--primary: #648600;
--accent: #374c00;
--text: #141708;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf6e0;
--color-surface: #abbd70;
--color-primary: #648600;
--color-accent: #374c00;
--color-text: #141708;
}JSON (DTCG tokens)
{
"steady-avocado-harbor-1ts": {
"bg": {
"$type": "color",
"$value": "#edf6e0"
},
"surface": {
"$type": "color",
"$value": "#abbd70"
},
"primary": {
"$type": "color",
"$value": "#648600"
},
"accent": {
"$type": "color",
"$value": "#374c00"
},
"text": {
"$type": "color",
"$value": "#141708"
}
}
}About this palette
Steady Avocado Harbor is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #EDF6E0, #ABBD70, #648600, #374C00, #141708. APCA contrast score Lc 9.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 Steady Avocado Harbor by OKLab color distance.