Palette · 4 colors · Lc 8.6
Clover Pulse palette
Clover Pulse: a 4-color palette (Green, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #030A03, #304330, #008D00, #E6F1E5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Dark Mode UI
- UI System
- 4 Colors
bg
#030A03
surface
#304330
accent
#008D00
text
#E6F1E5
Colors in Clover Pulse: HEX, RGB, HSL & OKLCH
- #030A03 color page →
bg
#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)
- #304330 color page →
surface
#304330
- RGB
- rgb(48 67 48)
- HSL
- hsl(120 17% 23%)
- OKLCH
- oklch(0.361 0.04 144.7)
WCAG contrast: on white 10.65:1 (AAA) · on black 1.97:1 (Fail)
- #008D00 color page →
accent
#008D00
- RGB
- rgb(0 141 0)
- HSL
- hsl(120 100% 28%)
- OKLCH
- oklch(0.557 0.19 142.5)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.80:1 (AA)
- #E6F1E5 color page →
text
#E6F1E5
- RGB
- rgb(230 241 229)
- HSL
- hsl(115 30% 92%)
- OKLCH
- oklch(0.947 0.02 143)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.07:1 (AAA)
Export Clover Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #030a03;
--surface: #304330;
--accent: #008d00;
--text: #e6f1e5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #030a03;
--color-surface: #304330;
--color-accent: #008d00;
--color-text: #e6f1e5;
}JSON (DTCG tokens)
{
"clover-pulse-183": {
"bg": {
"$type": "color",
"$value": "#030a03"
},
"surface": {
"$type": "color",
"$value": "#304330"
},
"accent": {
"$type": "color",
"$value": "#008d00"
},
"text": {
"$type": "color",
"$value": "#e6f1e5"
}
}
}About this palette
Clover Pulse is a 4-color OKLCH-ready palette tagged green, dark mode ui, ui system, 4 colors. Hex values: #030A03, #304330, #008D00, #E6F1E5. APCA contrast score Lc 8.6. 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 Pulse by OKLab color distance.