Palette · 3 colors · Lc 9.2
Opal Green Horizon palette
Opal Green Horizon: a 3-color palette (Trending, Turquoise, Gray, Cold). HEX, RGB, HSL and OKLCH for #F2ECEF, #187B5A, #0D0609, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2ECEF
accent
#187B5A
text
#0D0609
Colors in Opal Green Horizon: HEX, RGB, HSL & OKLCH
- #F2ECEF color page →
bg
#F2ECEF
- RGB
- rgb(242 236 239)
- HSL
- hsl(330 19% 94%)
- OKLCH
- oklch(0.949 0.008 345.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #187B5A color page →
accent
#187B5A
- RGB
- rgb(24 123 90)
- HSL
- hsl(160 67% 29%)
- OKLCH
- oklch(0.52 0.102 165)
WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)
- #0D0609 color page →
text
#0D0609
- RGB
- rgb(13 6 9)
- HSL
- hsl(334 37% 4%)
- OKLCH
- oklch(0.135 0.016 349.6)
WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)
Export Opal Green Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2ecef;
--accent: #187b5a;
--text: #0d0609;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2ecef;
--color-accent: #187b5a;
--color-text: #0d0609;
}JSON (DTCG tokens)
{
"opal-green-horizon-m7": {
"bg": {
"$type": "color",
"$value": "#f2ecef"
},
"accent": {
"$type": "color",
"$value": "#187b5a"
},
"text": {
"$type": "color",
"$value": "#0d0609"
}
}
}About this palette
Opal Green Horizon is a 3-color OKLCH-ready palette tagged trending, turquoise, gray, cold, 3 colors. Hex values: #F2ECEF, #187B5A, #0D0609. APCA contrast score Lc 9.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 Opal Green Horizon by OKLab color distance.