Palette · 8 colors · Lc 7.8
Swimmer Atelier palette
Swimmer Atelier: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #CBE3EA, #88C3D3, #0DA7BD, #008BB8, #007694, #005B76, #00404C, #07252A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#CBE3EA
surface
#88C3D3
muted
#0DA7BD
primary
#008BB8
secondary
#007694
accent
#005B76
highlight
#00404C
text
#07252A
Colors in Swimmer Atelier: HEX, RGB, HSL & OKLCH
- #CBE3EA color page →
bg
#CBE3EA
- RGB
- rgb(203 227 234)
- HSL
- hsl(194 42% 86%)
- OKLCH
- oklch(0.9 0.027 217.2)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.71:1 (AAA)
- #88C3D3 color page →
surface
#88C3D3
- RGB
- rgb(136 195 211)
- HSL
- hsl(193 46% 68%)
- OKLCH
- oklch(0.782 0.065 216.5)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.79:1 (AAA)
- #0DA7BD color page →
muted
#0DA7BD
- RGB
- rgb(13 167 189)
- HSL
- hsl(188 87% 40%)
- OKLCH
- oklch(0.669 0.115 211.4)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.27:1 (AAA)
- #008BB8 color page →
primary
#008BB8
- RGB
- rgb(0 139 184)
- HSL
- hsl(195 100% 36%)
- OKLCH
- oklch(0.596 0.119 230.1)
WCAG contrast: on white 3.89:1 (Fail) · on black 5.38:1 (AA)
- #007694 color page →
secondary
#007694
- RGB
- rgb(0 118 148)
- HSL
- hsl(192 100% 29%)
- OKLCH
- oklch(0.525 0.098 223.6)
WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)
- #005B76 color page →
accent
#005B76
- RGB
- rgb(0 91 118)
- HSL
- hsl(194 100% 23%)
- OKLCH
- oklch(0.439 0.084 226.6)
WCAG contrast: on white 7.61:1 (AAA) · on black 2.75:1 (Fail)
- #00404C color page →
highlight
#00404C
- RGB
- rgb(0 64 76)
- HSL
- hsl(189 100% 15%)
- OKLCH
- oklch(0.342 0.06 215.2)
WCAG contrast: on white 11.42:1 (AAA) · on black 1.83:1 (Fail)
- #07252A color page →
text
#07252A
- RGB
- rgb(7 37 42)
- HSL
- hsl(189 71% 10%)
- OKLCH
- oklch(0.245 0.036 210.5)
WCAG contrast: on white 16.06:1 (AAA) · on black 1.30:1 (Fail)
Export Swimmer Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #cbe3ea;
--surface: #88c3d3;
--muted: #0da7bd;
--primary: #008bb8;
--secondary: #007694;
--accent: #005b76;
--highlight: #00404c;
--text: #07252a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #cbe3ea;
--color-surface: #88c3d3;
--color-muted: #0da7bd;
--color-primary: #008bb8;
--color-secondary: #007694;
--color-accent: #005b76;
--color-highlight: #00404c;
--color-text: #07252a;
}JSON (DTCG tokens)
{
"swimmer-atelier-hc": {
"bg": {
"$type": "color",
"$value": "#cbe3ea"
},
"surface": {
"$type": "color",
"$value": "#88c3d3"
},
"muted": {
"$type": "color",
"$value": "#0da7bd"
},
"primary": {
"$type": "color",
"$value": "#008bb8"
},
"secondary": {
"$type": "color",
"$value": "#007694"
},
"accent": {
"$type": "color",
"$value": "#005b76"
},
"highlight": {
"$type": "color",
"$value": "#00404c"
},
"text": {
"$type": "color",
"$value": "#07252a"
}
}
}About this palette
Swimmer Atelier is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #CBE3EA, #88C3D3, #0DA7BD, #008BB8, #007694, #005B76, #00404C, #07252A. APCA contrast score Lc 7.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 Swimmer Atelier by OKLab color distance.