Palette · 5 colors · Lc 9.2
Opal Green Delta palette
Opal Green Delta: a 5-color palette (Turquoise, Cold, Nature, Green). HEX, RGB, HSL and OKLCH for #ECF5F0, #74B48A, #007850, #004638, #001106, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF5F0
surface
#74B48A
primary
#007850
accent
#004638
text
#001106
Colors in Opal Green Delta: HEX, RGB, HSL & OKLCH
- #ECF5F0 color page →
bg
#ECF5F0
- RGB
- rgb(236 245 240)
- HSL
- hsl(147 31% 94%)
- OKLCH
- oklch(0.962 0.012 162)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.88:1 (AAA)
- #74B48A color page →
surface
#74B48A
- RGB
- rgb(116 180 138)
- HSL
- hsl(141 30% 58%)
- OKLCH
- oklch(0.715 0.09 154.7)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.63:1 (AAA)
- #007850 color page →
primary
#007850
- RGB
- rgb(0 120 80)
- HSL
- hsl(160 100% 24%)
- OKLCH
- oklch(0.506 0.112 161.4)
WCAG contrast: on white 5.52:1 (AA) · on black 3.80:1 (Fail)
- #004638 color page →
accent
#004638
- RGB
- rgb(0 70 56)
- HSL
- hsl(168 100% 14%)
- OKLCH
- oklch(0.352 0.067 173.7)
WCAG contrast: on white 10.86:1 (AAA) · on black 1.93:1 (Fail)
- #001106 color page →
text
#001106
- RGB
- rgb(0 17 6)
- HSL
- hsl(141 100% 3%)
- OKLCH
- oklch(0.156 0.038 156.3)
WCAG contrast: on white 19.39:1 (AAA) · on black 1.08:1 (Fail)
Export Opal Green Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf5f0;
--surface: #74b48a;
--primary: #007850;
--accent: #004638;
--text: #001106;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf5f0;
--color-surface: #74b48a;
--color-primary: #007850;
--color-accent: #004638;
--color-text: #001106;
}JSON (DTCG tokens)
{
"opal-green-delta-6a7": {
"bg": {
"$type": "color",
"$value": "#ecf5f0"
},
"surface": {
"$type": "color",
"$value": "#74b48a"
},
"primary": {
"$type": "color",
"$value": "#007850"
},
"accent": {
"$type": "color",
"$value": "#004638"
},
"text": {
"$type": "color",
"$value": "#001106"
}
}
}About this palette
Opal Green Delta is a 5-color OKLCH-ready palette tagged turquoise, cold, nature, green, 5 colors. Hex values: #ECF5F0, #74B48A, #007850, #004638, #001106. 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 Delta by OKLab color distance.