Palette · 7 colors · Lc 9.8
Turquoise Tortoise Atelier palette
Turquoise Tortoise Atelier: a 7-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #E4FAF7, #B9D1CF, #80ABA5, #467D7A, #255351, #073434, #050909, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 7 Colors
bg
#E4FAF7
surface
#B9D1CF
muted
#80ABA5
primary
#467D7A
secondary
#255351
accent
#073434
text
#050909
Colors in Turquoise Tortoise Atelier: HEX, RGB, HSL & OKLCH
- #E4FAF7 color page →
bg
#E4FAF7
- RGB
- rgb(228 250 247)
- HSL
- hsl(172 69% 94%)
- OKLCH
- oklch(0.968 0.023 186.9)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.31:1 (AAA)
- #B9D1CF color page →
surface
#B9D1CF
- RGB
- rgb(185 209 207)
- HSL
- hsl(175 21% 77%)
- OKLCH
- oklch(0.842 0.026 190.6)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.08:1 (AAA)
- #80ABA5 color page →
muted
#80ABA5
- RGB
- rgb(128 171 165)
- HSL
- hsl(172 20% 59%)
- OKLCH
- oklch(0.708 0.047 185.6)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.28:1 (AAA)
- #467D7A color page →
primary
#467D7A
- RGB
- rgb(70 125 122)
- HSL
- hsl(177 28% 38%)
- OKLCH
- oklch(0.551 0.059 191.1)
WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)
- #255351 color page →
secondary
#255351
- RGB
- rgb(37 83 81)
- HSL
- hsl(177 38% 24%)
- OKLCH
- oklch(0.409 0.051 191.6)
WCAG contrast: on white 8.62:1 (AAA) · on black 2.43:1 (Fail)
- #073434 color page →
accent
#073434
- RGB
- rgb(7 52 52)
- HSL
- hsl(180 76% 12%)
- OKLCH
- oklch(0.296 0.046 194.9)
WCAG contrast: on white 13.54:1 (AAA) · on black 1.54:1 (Fail)
- #050909 color page →
text
#050909
- RGB
- rgb(5 9 9)
- HSL
- hsl(180 29% 3%)
- OKLCH
- oklch(0.134 0.008 196.2)
WCAG contrast: on white 20.01:1 (AAA) · on black 1.04:1 (Fail)
Export Turquoise Tortoise Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4faf7;
--surface: #b9d1cf;
--muted: #80aba5;
--primary: #467d7a;
--secondary: #255351;
--accent: #073434;
--text: #050909;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4faf7;
--color-surface: #b9d1cf;
--color-muted: #80aba5;
--color-primary: #467d7a;
--color-secondary: #255351;
--color-accent: #073434;
--color-text: #050909;
}JSON (DTCG tokens)
{
"turquoise-tortoise-atelier-4aa": {
"bg": {
"$type": "color",
"$value": "#e4faf7"
},
"surface": {
"$type": "color",
"$value": "#b9d1cf"
},
"muted": {
"$type": "color",
"$value": "#80aba5"
},
"primary": {
"$type": "color",
"$value": "#467d7a"
},
"secondary": {
"$type": "color",
"$value": "#255351"
},
"accent": {
"$type": "color",
"$value": "#073434"
},
"text": {
"$type": "color",
"$value": "#050909"
}
}
}About this palette
Turquoise Tortoise Atelier is a 7-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 7 colors. Hex values: #E4FAF7, #B9D1CF, #80ABA5, #467D7A, #255351, #073434, #050909. 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 Tortoise Atelier by OKLab color distance.