Palette · 4 colors · Lc 9
Emerald Ribbon palette
Emerald Ribbon: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #EEF5EA, #009023, #1C341D, #030A02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#EEF5EA
surface
#009023
accent
#1C341D
text
#030A02
Colors in Emerald Ribbon: HEX, RGB, HSL & OKLCH
- #EEF5EA color page →
bg
#EEF5EA
- RGB
- rgb(238 245 234)
- HSL
- hsl(98 35% 94%)
- OKLCH
- oklch(0.962 0.016 133.8)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.88:1 (AAA)
- #009023 color page →
surface
#009023
- RGB
- rgb(0 144 35)
- HSL
- hsl(135 100% 28%)
- OKLCH
- oklch(0.568 0.18 144.7)
WCAG contrast: on white 4.18:1 (Fail) · on black 5.01:1 (AA)
- #1C341D color page →
accent
#1C341D
- RGB
- rgb(28 52 29)
- HSL
- hsl(122 30% 16%)
- OKLCH
- oklch(0.298 0.051 145.1)
WCAG contrast: on white 13.47:1 (AAA) · on black 1.55:1 (Fail)
- #030A02 color page →
text
#030A02
- RGB
- rgb(3 10 2)
- HSL
- hsl(113 67% 2%)
- OKLCH
- oklch(0.131 0.028 139.8)
WCAG contrast: on white 20.03:1 (AAA) · on black 1.04:1 (Fail)
Export Emerald Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef5ea;
--surface: #009023;
--accent: #1c341d;
--text: #030a02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef5ea;
--color-surface: #009023;
--color-accent: #1c341d;
--color-text: #030a02;
}JSON (DTCG tokens)
{
"emerald-ribbon-s1": {
"bg": {
"$type": "color",
"$value": "#eef5ea"
},
"surface": {
"$type": "color",
"$value": "#009023"
},
"accent": {
"$type": "color",
"$value": "#1c341d"
},
"text": {
"$type": "color",
"$value": "#030a02"
}
}
}About this palette
Emerald Ribbon is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #EEF5EA, #009023, #1C341D, #030A02. APCA contrast score Lc 9. 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 Emerald Ribbon by OKLab color distance.