Palette · 8 colors · Lc 8.6
Turquoise Garden palette
Turquoise Garden: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DFF2F2, #7ADCD2, #00C9AC, #00AAA2, #00919A, #006B88, #00424C, #002023, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF2F2
surface
#7ADCD2
muted
#00C9AC
primary
#00AAA2
secondary
#00919A
accent
#006B88
highlight
#00424C
text
#002023
Colors in Turquoise Garden: HEX, RGB, HSL & OKLCH
- #DFF2F2 color page →
bg
#DFF2F2
- RGB
- rgb(223 242 242)
- HSL
- hsl(180 42% 91%)
- OKLCH
- oklch(0.947 0.02 196.8)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #7ADCD2 color page →
surface
#7ADCD2
- RGB
- rgb(122 220 210)
- HSL
- hsl(174 58% 67%)
- OKLCH
- oklch(0.832 0.094 187)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.99:1 (AAA)
- #00C9AC color page →
muted
#00C9AC
- RGB
- rgb(0 201 172)
- HSL
- hsl(171 100% 39%)
- OKLCH
- oklch(0.748 0.138 177.3)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.95:1 (AAA)
- #00AAA2 color page →
primary
#00AAA2
- RGB
- rgb(0 170 162)
- HSL
- hsl(177 100% 33%)
- OKLCH
- oklch(0.665 0.115 188.9)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.27:1 (AAA)
- #00919A color page →
secondary
#00919A
- RGB
- rgb(0 145 154)
- HSL
- hsl(184 100% 30%)
- OKLCH
- oklch(0.598 0.102 202.5)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #006B88 color page →
accent
#006B88
- RGB
- rgb(0 107 136)
- HSL
- hsl(193 100% 27%)
- OKLCH
- oklch(0.491 0.093 224.9)
WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)
- #00424C color page →
highlight
#00424C
- RGB
- rgb(0 66 76)
- HSL
- hsl(188 100% 15%)
- OKLCH
- oklch(0.348 0.061 211.6)
WCAG contrast: on white 11.14:1 (AAA) · on black 1.88:1 (Fail)
- #002023 color page →
text
#002023
- RGB
- rgb(0 32 35)
- HSL
- hsl(185 100% 7%)
- OKLCH
- oklch(0.222 0.038 203.7)
WCAG contrast: on white 17.06:1 (AAA) · on black 1.23:1 (Fail)
Export Turquoise Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff2f2;
--surface: #7adcd2;
--muted: #00c9ac;
--primary: #00aaa2;
--secondary: #00919a;
--accent: #006b88;
--highlight: #00424c;
--text: #002023;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff2f2;
--color-surface: #7adcd2;
--color-muted: #00c9ac;
--color-primary: #00aaa2;
--color-secondary: #00919a;
--color-accent: #006b88;
--color-highlight: #00424c;
--color-text: #002023;
}JSON (DTCG tokens)
{
"turquoise-garden-4mz": {
"bg": {
"$type": "color",
"$value": "#dff2f2"
},
"surface": {
"$type": "color",
"$value": "#7adcd2"
},
"muted": {
"$type": "color",
"$value": "#00c9ac"
},
"primary": {
"$type": "color",
"$value": "#00aaa2"
},
"secondary": {
"$type": "color",
"$value": "#00919a"
},
"accent": {
"$type": "color",
"$value": "#006b88"
},
"highlight": {
"$type": "color",
"$value": "#00424c"
},
"text": {
"$type": "color",
"$value": "#002023"
}
}
}About this palette
Turquoise Garden is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #DFF2F2, #7ADCD2, #00C9AC, #00AAA2, #00919A, #006B88, #00424C, #002023. APCA contrast score Lc 8.6. 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 Garden by OKLab color distance.