Palette · 3 colors · Lc 9.7
Pure Opal Green System palette
Pure Opal Green System: a 3-color palette (Turquoise, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #FFF1F8, #007D58, #14080E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1F8
accent
#007D58
text
#14080E
Colors in Pure Opal Green System: HEX, RGB, HSL & OKLCH
- #FFF1F8 color page →
bg
#FFF1F8
- RGB
- rgb(255 241 248)
- HSL
- hsl(330 100% 97%)
- OKLCH
- oklch(0.971 0.018 345.6)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.18:1 (AAA)
- #007D58 color page →
accent
#007D58
- RGB
- rgb(0 125 88)
- HSL
- hsl(162 100% 25%)
- OKLCH
- oklch(0.522 0.111 164.1)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #14080E color page →
text
#14080E
- RGB
- rgb(20 8 14)
- HSL
- hsl(330 43% 5%)
- OKLCH
- oklch(0.156 0.024 348.6)
WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)
Export Pure Opal Green System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1f8;
--accent: #007d58;
--text: #14080e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1f8;
--color-accent: #007d58;
--color-text: #14080e;
}JSON (DTCG tokens)
{
"pure-opal-green-system-541": {
"bg": {
"$type": "color",
"$value": "#fff1f8"
},
"accent": {
"$type": "color",
"$value": "#007d58"
},
"text": {
"$type": "color",
"$value": "#14080e"
}
}
}About this palette
Pure Opal Green System is a 3-color OKLCH-ready palette tagged turquoise, cold, 3 colors. Hex values: #FFF1F8, #007D58, #14080E. APCA contrast score Lc 9.7. 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 Pure Opal Green System by OKLab color distance.