Palette · 5 colors · Lc 9
Opal Green Fog palette
Opal Green Fog: a 5-color palette (Trending, Turquoise, Cold, Nature). HEX, RGB, HSL and OKLCH for #E2F4E8, #73AA86, #007751, #004736, #030C07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2F4E8
surface
#73AA86
primary
#007751
accent
#004736
text
#030C07
Colors in Opal Green Fog: HEX, RGB, HSL & OKLCH
- #E2F4E8 color page →
bg
#E2F4E8
- RGB
- rgb(226 244 232)
- HSL
- hsl(140 45% 92%)
- OKLCH
- oklch(0.951 0.025 156.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #73AA86 color page →
surface
#73AA86
- RGB
- rgb(115 170 134)
- HSL
- hsl(141 24% 56%)
- OKLCH
- oklch(0.689 0.079 155.1)
WCAG contrast: on white 2.68:1 (Fail) · on black 7.82:1 (AAA)
- #007751 color page →
primary
#007751
- RGB
- rgb(0 119 81)
- HSL
- hsl(161 100% 23%)
- OKLCH
- oklch(0.503 0.11 162.5)
WCAG contrast: on white 5.58:1 (AA) · on black 3.75:1 (Fail)
- #004736 color page →
accent
#004736
- RGB
- rgb(0 71 54)
- HSL
- hsl(166 100% 14%)
- OKLCH
- oklch(0.354 0.07 170.2)
WCAG contrast: on white 10.74:1 (AAA) · on black 1.95:1 (Fail)
- #030C07 color page →
text
#030C07
- RGB
- rgb(3 12 7)
- HSL
- hsl(147 60% 3%)
- OKLCH
- oklch(0.141 0.021 162.1)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export Opal Green Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2f4e8;
--surface: #73aa86;
--primary: #007751;
--accent: #004736;
--text: #030c07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2f4e8;
--color-surface: #73aa86;
--color-primary: #007751;
--color-accent: #004736;
--color-text: #030c07;
}JSON (DTCG tokens)
{
"opal-green-fog-1yr": {
"bg": {
"$type": "color",
"$value": "#e2f4e8"
},
"surface": {
"$type": "color",
"$value": "#73aa86"
},
"primary": {
"$type": "color",
"$value": "#007751"
},
"accent": {
"$type": "color",
"$value": "#004736"
},
"text": {
"$type": "color",
"$value": "#030c07"
}
}
}About this palette
Opal Green Fog is a 5-color OKLCH-ready palette tagged trending, turquoise, cold, nature, green, 5 colors. Hex values: #E2F4E8, #73AA86, #007751, #004736, #030C07. APCA contrast score Lc 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 Opal Green Fog by OKLab color distance.