Palette · 9 colors · Lc 9.9
Clear Envy’s Love Horizon palette
Clear Envy’s Love Horizon: a 9-color palette (Turquoise, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #E6FFF0, #8CE9BA, #00D79A, #00AD67, #008E45, #00752C, #005721, #002C0C, #000E06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 9 Colors
bg
#E6FFF0
surface
#8CE9BA
muted
#00D79A
primary
#00AD67
secondary
#008E45
accent
#00752C
highlight
#005721
border
#002C0C
text
#000E06
Colors in Clear Envy’s Love Horizon: HEX, RGB, HSL & OKLCH
- #E6FFF0 color page →
bg
#E6FFF0
- RGB
- rgb(230 255 240)
- HSL
- hsl(144 100% 95%)
- OKLCH
- oklch(0.978 0.033 159.4)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.92:1 (AAA)
- #8CE9BA color page →
surface
#8CE9BA
- RGB
- rgb(140 233 186)
- HSL
- hsl(150 68% 73%)
- OKLCH
- oklch(0.863 0.112 160.8)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.47:1 (AAA)
- #00D79A color page →
muted
#00D79A
- RGB
- rgb(0 215 154)
- HSL
- hsl(163 100% 42%)
- OKLCH
- oklch(0.778 0.166 164)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.18:1 (AAA)
- #00AD67 color page →
primary
#00AD67
- RGB
- rgb(0 173 103)
- HSL
- hsl(156 100% 34%)
- OKLCH
- oklch(0.657 0.159 156.2)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.17:1 (AAA)
- #008E45 color page →
secondary
#008E45
- RGB
- rgb(0 142 69)
- HSL
- hsl(149 100% 28%)
- OKLCH
- oklch(0.566 0.151 151.4)
WCAG contrast: on white 4.23:1 (Fail) · on black 4.95:1 (AA)
- #00752C color page →
accent
#00752C
- RGB
- rgb(0 117 44)
- HSL
- hsl(143 100% 23%)
- OKLCH
- oklch(0.49 0.142 148)
WCAG contrast: on white 5.86:1 (AA) · on black 3.58:1 (Fail)
- #005721 color page →
highlight
#005721
- RGB
- rgb(0 87 33)
- HSL
- hsl(143 100% 17%)
- OKLCH
- oklch(0.399 0.113 148.7)
WCAG contrast: on white 8.80:1 (AAA) · on black 2.38:1 (Fail)
- #002C0C color page →
border
#002C0C
- RGB
- rgb(0 44 12)
- HSL
- hsl(136 100% 9%)
- OKLCH
- oklch(0.256 0.074 148.2)
WCAG contrast: on white 15.37:1 (AAA) · on black 1.36:1 (Fail)
- #000E06 color page →
text
#000E06
- RGB
- rgb(0 14 6)
- HSL
- hsl(146 100% 3%)
- OKLCH
- oklch(0.145 0.032 160.8)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Clear Envy’s Love Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6fff0;
--surface: #8ce9ba;
--muted: #00d79a;
--primary: #00ad67;
--secondary: #008e45;
--accent: #00752c;
--highlight: #005721;
--border: #002c0c;
--text: #000e06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6fff0;
--color-surface: #8ce9ba;
--color-muted: #00d79a;
--color-primary: #00ad67;
--color-secondary: #008e45;
--color-accent: #00752c;
--color-highlight: #005721;
--color-border: #002c0c;
--color-text: #000e06;
}JSON (DTCG tokens)
{
"clear-envy-s-love-horizon-4hd": {
"bg": {
"$type": "color",
"$value": "#e6fff0"
},
"surface": {
"$type": "color",
"$value": "#8ce9ba"
},
"muted": {
"$type": "color",
"$value": "#00d79a"
},
"primary": {
"$type": "color",
"$value": "#00ad67"
},
"secondary": {
"$type": "color",
"$value": "#008e45"
},
"accent": {
"$type": "color",
"$value": "#00752c"
},
"highlight": {
"$type": "color",
"$value": "#005721"
},
"border": {
"$type": "color",
"$value": "#002c0c"
},
"text": {
"$type": "color",
"$value": "#000e06"
}
}
}About this palette
Clear Envy’s Love Horizon is a 9-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 9 colors. Hex values: #E6FFF0, #8CE9BA, #00D79A, #00AD67, #008E45, #00752C, #005721, #002C0C, #000E06. APCA contrast score Lc 9.9. 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 Clear Envy’s Love Horizon by OKLab color distance.