Palette · 8 colors · Lc 9.1
Swimmer Atelier palette
Swimmer Atelier: a 8-color palette (Blue, Cold, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #EEF4F6, #D5EDF3, #AED4DF, #81B5C1, #0092B8, #066C9A, #11456B, #0A1D22, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF4F6
surface
#D5EDF3
muted
#AED4DF
primary
#81B5C1
secondary
#0092B8
accent
#066C9A
highlight
#11456B
text
#0A1D22
Colors in Swimmer Atelier: HEX, RGB, HSL & OKLCH
- #EEF4F6 color page →
bg
#EEF4F6
- RGB
- rgb(238 244 246)
- HSL
- hsl(195 31% 95%)
- OKLCH
- oklch(0.963 0.007 219.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.90:1 (AAA)
- #D5EDF3 color page →
surface
#D5EDF3
- RGB
- rgb(213 237 243)
- HSL
- hsl(192 56% 89%)
- OKLCH
- oklch(0.93 0.027 214.4)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.23:1 (AAA)
- #AED4DF color page →
muted
#AED4DF
- RGB
- rgb(174 212 223)
- HSL
- hsl(193 43% 78%)
- OKLCH
- oklch(0.846 0.043 217.2)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.28:1 (AAA)
- #81B5C1 color page →
primary
#81B5C1
- RGB
- rgb(129 181 193)
- HSL
- hsl(191 34% 63%)
- OKLCH
- oklch(0.741 0.057 213.6)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.31:1 (AAA)
- #0092B8 color page →
secondary
#0092B8
- RGB
- rgb(0 146 184)
- HSL
- hsl(192 100% 36%)
- OKLCH
- oklch(0.614 0.116 224.6)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.80:1 (AA)
- #066C9A color page →
accent
#066C9A
- RGB
- rgb(6 108 154)
- HSL
- hsl(199 93% 31%)
- OKLCH
- oklch(0.504 0.108 237.1)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #11456B color page →
highlight
#11456B
- RGB
- rgb(17 69 107)
- HSL
- hsl(205 73% 24%)
- OKLCH
- oklch(0.377 0.084 245.3)
WCAG contrast: on white 10.06:1 (AAA) · on black 2.08:1 (Fail)
- #0A1D22 color page →
text
#0A1D22
- RGB
- rgb(10 29 34)
- HSL
- hsl(193 55% 9%)
- OKLCH
- oklch(0.217 0.027 217.1)
WCAG contrast: on white 17.33:1 (AAA) · on black 1.21:1 (Fail)
Export Swimmer Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef4f6;
--surface: #d5edf3;
--muted: #aed4df;
--primary: #81b5c1;
--secondary: #0092b8;
--accent: #066c9a;
--highlight: #11456b;
--text: #0a1d22;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef4f6;
--color-surface: #d5edf3;
--color-muted: #aed4df;
--color-primary: #81b5c1;
--color-secondary: #0092b8;
--color-accent: #066c9a;
--color-highlight: #11456b;
--color-text: #0a1d22;
}JSON (DTCG tokens)
{
"swimmer-atelier-5ll": {
"bg": {
"$type": "color",
"$value": "#eef4f6"
},
"surface": {
"$type": "color",
"$value": "#d5edf3"
},
"muted": {
"$type": "color",
"$value": "#aed4df"
},
"primary": {
"$type": "color",
"$value": "#81b5c1"
},
"secondary": {
"$type": "color",
"$value": "#0092b8"
},
"accent": {
"$type": "color",
"$value": "#066c9a"
},
"highlight": {
"$type": "color",
"$value": "#11456b"
},
"text": {
"$type": "color",
"$value": "#0a1d22"
}
}
}About this palette
Swimmer Atelier is a 8-color OKLCH-ready palette tagged blue, cold, ui system, 8 colors. Hex values: #EEF4F6, #D5EDF3, #AED4DF, #81B5C1, #0092B8, #066C9A, #11456B, #0A1D22. APCA contrast score Lc 9.1. 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.