Palette · 6 colors · Lc 8.3
Clover Harbor palette
Clover Harbor: a 6-color palette (Green, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #F1E5DE, #E15E00, #008D00, #007FC4, #582FA3, #140B06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1E5DE
surface
#E15E00
muted
#008D00
primary
#007FC4
accent
#582FA3
text
#140B06
Colors in Clover Harbor: HEX, RGB, HSL & OKLCH
- #F1E5DE color page →
bg
#F1E5DE
- RGB
- rgb(241 229 222)
- HSL
- hsl(22 40% 91%)
- OKLCH
- oklch(0.929 0.016 52.5)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.00:1 (AAA)
- #E15E00 color page →
surface
#E15E00
- RGB
- rgb(225 94 0)
- HSL
- hsl(25 100% 44%)
- OKLCH
- oklch(0.64 0.182 45.3)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.80:1 (AA)
- #008D00 color page →
muted
#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)
- #007FC4 color page →
primary
#007FC4
- RGB
- rgb(0 127 196)
- HSL
- hsl(201 100% 38%)
- OKLCH
- oklch(0.574 0.14 243.5)
WCAG contrast: on white 4.34:1 (Fail) · on black 4.83:1 (AA)
- #582FA3 color page →
accent
#582FA3
- RGB
- rgb(88 47 163)
- HSL
- hsl(261 55% 41%)
- OKLCH
- oklch(0.427 0.175 293.8)
WCAG contrast: on white 8.93:1 (AAA) · on black 2.35:1 (Fail)
- #140B06 color page →
text
#140B06
- RGB
- rgb(20 11 6)
- HSL
- hsl(21 54% 5%)
- OKLCH
- oklch(0.16 0.019 52.8)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.08:1 (Fail)
Export Clover Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1e5de;
--surface: #e15e00;
--muted: #008d00;
--primary: #007fc4;
--accent: #582fa3;
--text: #140b06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1e5de;
--color-surface: #e15e00;
--color-muted: #008d00;
--color-primary: #007fc4;
--color-accent: #582fa3;
--color-text: #140b06;
}JSON (DTCG tokens)
{
"clover-harbor-3xf": {
"bg": {
"$type": "color",
"$value": "#f1e5de"
},
"surface": {
"$type": "color",
"$value": "#e15e00"
},
"muted": {
"$type": "color",
"$value": "#008d00"
},
"primary": {
"$type": "color",
"$value": "#007fc4"
},
"accent": {
"$type": "color",
"$value": "#582fa3"
},
"text": {
"$type": "color",
"$value": "#140b06"
}
}
}About this palette
Clover Harbor is a 6-color OKLCH-ready palette tagged green, rainbow, 6 colors. Hex values: #F1E5DE, #E15E00, #008D00, #007FC4, #582FA3, #140B06. APCA contrast score Lc 8.3. 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 Harbor by OKLab color distance.