Palette · 5 colors · Lc 8.2
Clover Signal palette
Clover Signal: a 5-color palette (Green, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #D4E3D4, #008E00, #9832A3, #AF2F00, #030A03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4E3D4
surface
#008E00
primary
#9832A3
accent
#AF2F00
text
#030A03
Colors in Clover Signal: HEX, RGB, HSL & OKLCH
- #D4E3D4 color page →
bg
#D4E3D4
- RGB
- rgb(212 227 212)
- HSL
- hsl(120 21% 86%)
- OKLCH
- oklch(0.9 0.026 145.4)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.73:1 (AAA)
- #008E00 color page →
surface
#008E00
- RGB
- rgb(0 142 0)
- HSL
- hsl(120 100% 28%)
- OKLCH
- oklch(0.56 0.191 142.5)
WCAG contrast: on white 4.31:1 (Fail) · on black 4.86:1 (AA)
- #9832A3 color page →
primary
#9832A3
- RGB
- rgb(152 50 163)
- HSL
- hsl(294 53% 42%)
- OKLCH
- oklch(0.512 0.19 323.7)
WCAG contrast: on white 6.32:1 (AA) · on black 3.32:1 (Fail)
- #AF2F00 color page →
accent
#AF2F00
- RGB
- rgb(175 47 0)
- HSL
- hsl(16 100% 34%)
- OKLCH
- oklch(0.5 0.171 36.1)
WCAG contrast: on white 6.50:1 (AA) · on black 3.22:1 (Fail)
- #030A03 color page →
text
#030A03
- RGB
- rgb(3 10 3)
- HSL
- hsl(120 54% 3%)
- OKLCH
- oklch(0.132 0.025 144)
WCAG contrast: on white 20.02:1 (AAA) · on black 1.04:1 (Fail)
Export Clover Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4e3d4;
--surface: #008e00;
--primary: #9832a3;
--accent: #af2f00;
--text: #030a03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4e3d4;
--color-surface: #008e00;
--color-primary: #9832a3;
--color-accent: #af2f00;
--color-text: #030a03;
}JSON (DTCG tokens)
{
"clover-signal-xp": {
"bg": {
"$type": "color",
"$value": "#d4e3d4"
},
"surface": {
"$type": "color",
"$value": "#008e00"
},
"primary": {
"$type": "color",
"$value": "#9832a3"
},
"accent": {
"$type": "color",
"$value": "#af2f00"
},
"text": {
"$type": "color",
"$value": "#030a03"
}
}
}About this palette
Clover Signal is a 5-color OKLCH-ready palette tagged green, rainbow, 5 colors. Hex values: #D4E3D4, #008E00, #9832A3, #AF2F00, #030A03. APCA contrast score Lc 8.2. 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 Clover Signal by OKLab color distance.