Palette · 6 colors · Lc 9.5
Classic Emerald Whispers Tide palette
Classic Emerald Whispers Tide: a 6-color palette (Turquoise, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #E2F0ED, #8CC0BA, #358A7A, #006256, #003830, #031B18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2F0ED
surface
#8CC0BA
muted
#358A7A
primary
#006256
accent
#003830
text
#031B18
Colors in Classic Emerald Whispers Tide: HEX, RGB, HSL & OKLCH
- #E2F0ED color page →
bg
#E2F0ED
- RGB
- rgb(226 240 237)
- HSL
- hsl(167 32% 91%)
- OKLCH
- oklch(0.944 0.015 181.8)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
- #8CC0BA color page →
surface
#8CC0BA
- RGB
- rgb(140 192 186)
- HSL
- hsl(173 29% 65%)
- OKLCH
- oklch(0.77 0.055 187.2)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.36:1 (AAA)
- #358A7A color page →
muted
#358A7A
- RGB
- rgb(53 138 122)
- HSL
- hsl(169 45% 37%)
- OKLCH
- oklch(0.577 0.085 178.6)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #006256 color page →
primary
#006256
- RGB
- rgb(0 98 86)
- HSL
- hsl(173 100% 19%)
- OKLCH
- oklch(0.445 0.08 180.7)
WCAG contrast: on white 7.28:1 (AAA) · on black 2.88:1 (Fail)
- #003830 color page →
accent
#003830
- RGB
- rgb(0 56 48)
- HSL
- hsl(171 100% 11%)
- OKLCH
- oklch(0.305 0.055 179.8)
WCAG contrast: on white 13.05:1 (AAA) · on black 1.60:1 (Fail)
- #031B18 color page →
text
#031B18
- RGB
- rgb(3 27 24)
- HSL
- hsl(173 80% 6%)
- OKLCH
- oklch(0.202 0.032 184.1)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Emerald Whispers Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2f0ed;
--surface: #8cc0ba;
--muted: #358a7a;
--primary: #006256;
--accent: #003830;
--text: #031b18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2f0ed;
--color-surface: #8cc0ba;
--color-muted: #358a7a;
--color-primary: #006256;
--color-accent: #003830;
--color-text: #031b18;
}JSON (DTCG tokens)
{
"classic-emerald-whispers-tide-6g8": {
"bg": {
"$type": "color",
"$value": "#e2f0ed"
},
"surface": {
"$type": "color",
"$value": "#8cc0ba"
},
"muted": {
"$type": "color",
"$value": "#358a7a"
},
"primary": {
"$type": "color",
"$value": "#006256"
},
"accent": {
"$type": "color",
"$value": "#003830"
},
"text": {
"$type": "color",
"$value": "#031b18"
}
}
}About this palette
Classic Emerald Whispers Tide is a 6-color OKLCH-ready palette tagged turquoise, cold, 6 colors. Hex values: #E2F0ED, #8CC0BA, #358A7A, #006256, #003830, #031B18. APCA contrast score Lc 9.5. 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 Classic Emerald Whispers Tide by OKLab color distance.