Palette · 5 colors · Lc 9.4
Topiary Green System palette
Topiary Green System: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #E9ECE0, #A5BA6C, #577600, #3A4700, #181B03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#E9ECE0
surface
#A5BA6C
primary
#577600
accent
#3A4700
text
#181B03
Colors in Topiary Green System: HEX, RGB, HSL & OKLCH
- #E9ECE0 color page →
bg
#E9ECE0
- RGB
- rgb(233 236 224)
- HSL
- hsl(75 24% 90%)
- OKLCH
- oklch(0.937 0.016 118.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
- #A5BA6C color page →
surface
#A5BA6C
- RGB
- rgb(165 186 108)
- HSL
- hsl(76 36% 58%)
- OKLCH
- oklch(0.755 0.106 121.3)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.83:1 (AAA)
- #577600 color page →
primary
#577600
- RGB
- rgb(87 118 0)
- HSL
- hsl(76 100% 23%)
- OKLCH
- oklch(0.522 0.132 125.7)
WCAG contrast: on white 5.25:1 (AA) · on black 3.99:1 (Fail)
- #3A4700 color page →
accent
#3A4700
- RGB
- rgb(58 71 0)
- HSL
- hsl(71 100% 14%)
- OKLCH
- oklch(0.373 0.089 120.8)
WCAG contrast: on white 10.09:1 (AAA) · on black 2.08:1 (Fail)
- #181B03 color page →
text
#181B03
- RGB
- rgb(24 27 3)
- HSL
- hsl(68 80% 6%)
- OKLCH
- oklch(0.212 0.042 115.7)
WCAG contrast: on white 17.54:1 (AAA) · on black 1.19:1 (Fail)
Export Topiary Green System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9ece0;
--surface: #a5ba6c;
--primary: #577600;
--accent: #3a4700;
--text: #181b03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9ece0;
--color-surface: #a5ba6c;
--color-primary: #577600;
--color-accent: #3a4700;
--color-text: #181b03;
}JSON (DTCG tokens)
{
"topiary-green-system-7j6": {
"bg": {
"$type": "color",
"$value": "#e9ece0"
},
"surface": {
"$type": "color",
"$value": "#a5ba6c"
},
"primary": {
"$type": "color",
"$value": "#577600"
},
"accent": {
"$type": "color",
"$value": "#3a4700"
},
"text": {
"$type": "color",
"$value": "#181b03"
}
}
}About this palette
Topiary Green System is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #E9ECE0, #A5BA6C, #577600, #3A4700, #181B03. APCA contrast score Lc 9.4. 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 Topiary Green System by OKLab color distance.