Palette · 10 colors · Lc 9.8
Turquoise Atelier palette
Turquoise Atelier: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #DDF9EE, #9AE8CE, #47D7B5, #00C0A7, #009F82, #007C67, #006555, #004032, #00291C, #000B06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDF9EE
surface
#9AE8CE
muted
#47D7B5
primary
#00C0A7
secondary
#009F82
accent
#007C67
highlight
#006555
border
#004032
focus
#00291C
text
#000B06
Colors in Turquoise Atelier: HEX, RGB, HSL & OKLCH
- #DDF9EE color page →
bg
#DDF9EE
- RGB
- rgb(221 249 238)
- HSL
- hsl(156 70% 92%)
- OKLCH
- oklch(0.959 0.033 170)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.85:1 (AAA)
- #9AE8CE color page →
surface
#9AE8CE
- RGB
- rgb(154 232 206)
- HSL
- hsl(160 63% 76%)
- OKLCH
- oklch(0.873 0.085 171.3)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.80:1 (AAA)
- #47D7B5 color page →
muted
#47D7B5
- RGB
- rgb(71 215 181)
- HSL
- hsl(166 64% 56%)
- OKLCH
- oklch(0.794 0.131 173.8)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.65:1 (AAA)
- #00C0A7 color page →
primary
#00C0A7
- RGB
- rgb(0 192 167)
- HSL
- hsl(172 100% 38%)
- OKLCH
- oklch(0.723 0.132 178.9)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.09:1 (AAA)
- #009F82 color page →
secondary
#009F82
- RGB
- rgb(0 159 130)
- HSL
- hsl(169 100% 31%)
- OKLCH
- oklch(0.627 0.12 173.6)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.28:1 (AA)
- #007C67 color page →
accent
#007C67
- RGB
- rgb(0 124 103)
- HSL
- hsl(170 100% 24%)
- OKLCH
- oklch(0.524 0.098 175.3)
WCAG contrast: on white 5.14:1 (AA) · on black 4.07:1 (Fail)
- #006555 color page →
highlight
#006555
- RGB
- rgb(0 101 85)
- HSL
- hsl(170 100% 20%)
- OKLCH
- oklch(0.453 0.084 176.8)
WCAG contrast: on white 7.01:1 (AAA) · on black 2.99:1 (Fail)
- #004032 color page →
border
#004032
- RGB
- rgb(0 64 50)
- HSL
- hsl(167 100% 13%)
- OKLCH
- oklch(0.331 0.064 172.3)
WCAG contrast: on white 11.80:1 (AAA) · on black 1.77:1 (Fail)
- #00291C color page →
focus
#00291C
- RGB
- rgb(0 41 28)
- HSL
- hsl(161 100% 8%)
- OKLCH
- oklch(0.249 0.051 166.7)
WCAG contrast: on white 15.74:1 (AAA) · on black 1.33:1 (Fail)
- #000B06 color page →
text
#000B06
- RGB
- rgb(0 11 6)
- HSL
- hsl(153 100% 2%)
- OKLCH
- oklch(0.133 0.027 167.9)
WCAG contrast: on white 19.99:1 (AAA) · on black 1.05:1 (Fail)
Export Turquoise Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ddf9ee;
--surface: #9ae8ce;
--muted: #47d7b5;
--primary: #00c0a7;
--secondary: #009f82;
--accent: #007c67;
--highlight: #006555;
--border: #004032;
--focus: #00291c;
--text: #000b06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ddf9ee;
--color-surface: #9ae8ce;
--color-muted: #47d7b5;
--color-primary: #00c0a7;
--color-secondary: #009f82;
--color-accent: #007c67;
--color-highlight: #006555;
--color-border: #004032;
--color-focus: #00291c;
--color-text: #000b06;
}JSON (DTCG tokens)
{
"turquoise-atelier-7od": {
"bg": {
"$type": "color",
"$value": "#ddf9ee"
},
"surface": {
"$type": "color",
"$value": "#9ae8ce"
},
"muted": {
"$type": "color",
"$value": "#47d7b5"
},
"primary": {
"$type": "color",
"$value": "#00c0a7"
},
"secondary": {
"$type": "color",
"$value": "#009f82"
},
"accent": {
"$type": "color",
"$value": "#007c67"
},
"highlight": {
"$type": "color",
"$value": "#006555"
},
"border": {
"$type": "color",
"$value": "#004032"
},
"focus": {
"$type": "color",
"$value": "#00291c"
},
"text": {
"$type": "color",
"$value": "#000b06"
}
}
}About this palette
Turquoise Atelier is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #DDF9EE, #9AE8CE, #47D7B5, #00C0A7, #009F82, #007C67, #006555, #004032, #00291C, #000B06. APCA contrast score Lc 9.8. 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 Atelier by OKLab color distance.