Palette · 3 colors · Lc 9.1
Irish Clover System palette
Irish Clover System: a 3-color palette (Green, Gray, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #020502, #4F7A52, #E3E8E1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Dark Mode UI
- UI System
- 3 Colors
bg
#020502
accent
#4F7A52
text
#E3E8E1
Colors in Irish Clover System: HEX, RGB, HSL & OKLCH
- #020502 color page →
bg
#020502
- RGB
- rgb(2 5 2)
- HSL
- hsl(120 43% 1%)
- OKLCH
- oklch(0.106 0.016 144.3)
WCAG contrast: on white 20.48:1 (AAA) · on black 1.02:1 (Fail)
- #4F7A52 color page →
accent
#4F7A52
- RGB
- rgb(79 122 82)
- HSL
- hsl(124 21% 39%)
- OKLCH
- oklch(0.537 0.078 146)
WCAG contrast: on white 4.95:1 (AA) · on black 4.23:1 (Fail)
- #E3E8E1 color page →
text
#E3E8E1
- RGB
- rgb(227 232 225)
- HSL
- hsl(103 13% 90%)
- OKLCH
- oklch(0.925 0.011 136.6)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)
Export Irish Clover System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020502;
--accent: #4f7a52;
--text: #e3e8e1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020502;
--color-accent: #4f7a52;
--color-text: #e3e8e1;
}JSON (DTCG tokens)
{
"irish-clover-system-3gz": {
"bg": {
"$type": "color",
"$value": "#020502"
},
"accent": {
"$type": "color",
"$value": "#4f7a52"
},
"text": {
"$type": "color",
"$value": "#e3e8e1"
}
}
}About this palette
Irish Clover System is a 3-color OKLCH-ready palette tagged green, gray, dark mode ui, ui system, 3 colors. Hex values: #020502, #4F7A52, #E3E8E1. APCA contrast score Lc 9.1. 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 Irish Clover System by OKLab color distance.