Palette · 8 colors · Lc 10
Turquoise Lattice palette
Turquoise Lattice: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E0FFFB, #81EAD2, #00C0A1, #009E92, #00756B, #00574A, #003027, #000A09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0FFFB
surface
#81EAD2
muted
#00C0A1
primary
#009E92
secondary
#00756B
accent
#00574A
highlight
#003027
text
#000A09
Colors in Turquoise Lattice: HEX, RGB, HSL & OKLCH
- #E0FFFB color page →
bg
#E0FFFB
- RGB
- rgb(224 255 251)
- HSL
- hsl(172 100% 94%)
- OKLCH
- oklch(0.977 0.032 187.2)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #81EAD2 color page →
surface
#81EAD2
- RGB
- rgb(129 234 210)
- HSL
- hsl(166 71% 71%)
- OKLCH
- oklch(0.867 0.104 177.1)
WCAG contrast: on white 1.43:1 (Fail) · on black 14.63:1 (AAA)
- #00C0A1 color page →
muted
#00C0A1
- RGB
- rgb(0 192 161)
- HSL
- hsl(170 100% 38%)
- OKLCH
- oklch(0.721 0.135 175.5)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.05:1 (AAA)
- #009E92 color page →
primary
#009E92
- RGB
- rgb(0 158 146)
- HSL
- hsl(175 100% 31%)
- OKLCH
- oklch(0.629 0.111 185.4)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.30:1 (AA)
- #00756B color page →
secondary
#00756B
- RGB
- rgb(0 117 107)
- HSL
- hsl(175 100% 23%)
- OKLCH
- oklch(0.506 0.089 184.5)
WCAG contrast: on white 5.58:1 (AA) · on black 3.75:1 (Fail)
- #00574A color page →
accent
#00574A
- RGB
- rgb(0 87 74)
- HSL
- hsl(171 100% 17%)
- OKLCH
- oklch(0.409 0.075 178)
WCAG contrast: on white 8.52:1 (AAA) · on black 2.46:1 (Fail)
- #003027 color page →
highlight
#003027
- RGB
- rgb(0 48 39)
- HSL
- hsl(169 100% 9%)
- OKLCH
- oklch(0.276 0.052 176.1)
WCAG contrast: on white 14.46:1 (AAA) · on black 1.45:1 (Fail)
- #000A09 color page →
text
#000A09
- RGB
- rgb(0 10 9)
- HSL
- hsl(174 100% 2%)
- OKLCH
- oklch(0.131 0.023 188.9)
WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)
Export Turquoise Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0fffb;
--surface: #81ead2;
--muted: #00c0a1;
--primary: #009e92;
--secondary: #00756b;
--accent: #00574a;
--highlight: #003027;
--text: #000a09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0fffb;
--color-surface: #81ead2;
--color-muted: #00c0a1;
--color-primary: #009e92;
--color-secondary: #00756b;
--color-accent: #00574a;
--color-highlight: #003027;
--color-text: #000a09;
}JSON (DTCG tokens)
{
"turquoise-lattice-6tc": {
"bg": {
"$type": "color",
"$value": "#e0fffb"
},
"surface": {
"$type": "color",
"$value": "#81ead2"
},
"muted": {
"$type": "color",
"$value": "#00c0a1"
},
"primary": {
"$type": "color",
"$value": "#009e92"
},
"secondary": {
"$type": "color",
"$value": "#00756b"
},
"accent": {
"$type": "color",
"$value": "#00574a"
},
"highlight": {
"$type": "color",
"$value": "#003027"
},
"text": {
"$type": "color",
"$value": "#000a09"
}
}
}About this palette
Turquoise Lattice is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #E0FFFB, #81EAD2, #00C0A1, #009E92, #00756B, #00574A, #003027, #000A09. 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 Turquoise Lattice by OKLab color distance.