Palette · 4 colors · Lc 8.8
Steady Verde Dune palette
Steady Verde Dune: a 4-color palette (Green, Gray, Cold, Nature). HEX, RGB, HSL and OKLCH for #E9F0EC, #7CB688, #004234, #000E07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F0EC
surface
#7CB688
accent
#004234
text
#000E07
Colors in Steady Verde Dune: HEX, RGB, HSL & OKLCH
- #E9F0EC color page →
bg
#E9F0EC
- RGB
- rgb(233 240 236)
- HSL
- hsl(146 19% 93%)
- OKLCH
- oklch(0.949 0.009 161.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.13:1 (AAA)
- #7CB688 color page →
surface
#7CB688
- RGB
- rgb(124 182 136)
- HSL
- hsl(132 28% 60%)
- OKLCH
- oklch(0.724 0.09 150.2)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #004234 color page →
accent
#004234
- RGB
- rgb(0 66 52)
- HSL
- hsl(167 100% 13%)
- OKLCH
- oklch(0.338 0.065 172.8)
WCAG contrast: on white 11.48:1 (AAA) · on black 1.82:1 (Fail)
- #000E07 color page →
text
#000E07
- RGB
- rgb(0 14 7)
- HSL
- hsl(150 100% 3%)
- OKLCH
- oklch(0.145 0.031 164.5)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Verde Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f0ec;
--surface: #7cb688;
--accent: #004234;
--text: #000e07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f0ec;
--color-surface: #7cb688;
--color-accent: #004234;
--color-text: #000e07;
}JSON (DTCG tokens)
{
"steady-verde-dune-40l": {
"bg": {
"$type": "color",
"$value": "#e9f0ec"
},
"surface": {
"$type": "color",
"$value": "#7cb688"
},
"accent": {
"$type": "color",
"$value": "#004234"
},
"text": {
"$type": "color",
"$value": "#000e07"
}
}
}About this palette
Steady Verde Dune is a 4-color OKLCH-ready palette tagged green, gray, cold, nature, 4 colors. Hex values: #E9F0EC, #7CB688, #004234, #000E07. APCA contrast score Lc 8.8. 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 Verde Dune by OKLab color distance.