Palette · 7 colors · Lc 10
Emerald Bliss Tide palette
Emerald Bliss Tide: a 7-color palette (Turquoise, Cold, Monochromatic, 7 Colors). HEX, RGB, HSL and OKLCH for #E4FCF8, #90D9CD, #3EB7A6, #008174, #00614F, #00372C, #01100D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 7 Colors
bg
#E4FCF8
surface
#90D9CD
muted
#3EB7A6
primary
#008174
secondary
#00614F
accent
#00372C
text
#01100D
Colors in Emerald Bliss Tide: HEX, RGB, HSL & OKLCH
- #E4FCF8 color page →
bg
#E4FCF8
- RGB
- rgb(228 252 248)
- HSL
- hsl(170 80% 94%)
- OKLCH
- oklch(0.973 0.026 184.8)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.57:1 (AAA)
- #90D9CD color page →
surface
#90D9CD
- RGB
- rgb(144 217 205)
- HSL
- hsl(170 49% 71%)
- OKLCH
- oklch(0.834 0.075 183)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.99:1 (AAA)
- #3EB7A6 color page →
muted
#3EB7A6
- RGB
- rgb(62 183 166)
- HSL
- hsl(172 49% 48%)
- OKLCH
- oklch(0.708 0.109 182)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #008174 color page →
primary
#008174
- RGB
- rgb(0 129 116)
- HSL
- hsl(174 100% 25%)
- OKLCH
- oklch(0.542 0.097 182.7)
WCAG contrast: on white 4.78:1 (AA) · on black 4.39:1 (Fail)
- #00614F color page →
secondary
#00614F
- RGB
- rgb(0 97 79)
- HSL
- hsl(169 100% 19%)
- OKLCH
- oklch(0.44 0.083 174.2)
WCAG contrast: on white 7.43:1 (AAA) · on black 2.82:1 (Fail)
- #00372C color page →
accent
#00372C
- RGB
- rgb(0 55 44)
- HSL
- hsl(168 100% 11%)
- OKLCH
- oklch(0.301 0.057 174.5)
WCAG contrast: on white 13.26:1 (AAA) · on black 1.58:1 (Fail)
- #01100D color page →
text
#01100D
- RGB
- rgb(1 16 13)
- HSL
- hsl(168 88% 3%)
- OKLCH
- oklch(0.156 0.026 180.7)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Emerald Bliss Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4fcf8;
--surface: #90d9cd;
--muted: #3eb7a6;
--primary: #008174;
--secondary: #00614f;
--accent: #00372c;
--text: #01100d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4fcf8;
--color-surface: #90d9cd;
--color-muted: #3eb7a6;
--color-primary: #008174;
--color-secondary: #00614f;
--color-accent: #00372c;
--color-text: #01100d;
}JSON (DTCG tokens)
{
"emerald-bliss-tide-73b": {
"bg": {
"$type": "color",
"$value": "#e4fcf8"
},
"surface": {
"$type": "color",
"$value": "#90d9cd"
},
"muted": {
"$type": "color",
"$value": "#3eb7a6"
},
"primary": {
"$type": "color",
"$value": "#008174"
},
"secondary": {
"$type": "color",
"$value": "#00614f"
},
"accent": {
"$type": "color",
"$value": "#00372c"
},
"text": {
"$type": "color",
"$value": "#01100d"
}
}
}About this palette
Emerald Bliss Tide is a 7-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 7 colors. Hex values: #E4FCF8, #90D9CD, #3EB7A6, #008174, #00614F, #00372C, #01100D. APCA contrast score Lc 10. 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 Emerald Bliss Tide by OKLab color distance.