Palette · 8 colors · Lc 8.3
Swimmer Ember palette
Swimmer Ember: a 8-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E0EDF4, #AECCDB, #70B1C8, #3392BB, #287399, #004D62, #002F47, #08121D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0EDF4
surface
#AECCDB
muted
#70B1C8
primary
#3392BB
secondary
#287399
accent
#004D62
highlight
#002F47
text
#08121D
Colors in Swimmer Ember: HEX, RGB, HSL & OKLCH
- #E0EDF4 color page →
bg
#E0EDF4
- RGB
- rgb(224 237 244)
- HSL
- hsl(201 48% 92%)
- OKLCH
- oklch(0.938 0.017 230.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)
- #AECCDB color page →
surface
#AECCDB
- RGB
- rgb(174 204 219)
- HSL
- hsl(200 38% 77%)
- OKLCH
- oklch(0.828 0.038 229.5)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.45:1 (AAA)
- #70B1C8 color page →
muted
#70B1C8
- RGB
- rgb(112 177 200)
- HSL
- hsl(196 44% 61%)
- OKLCH
- oklch(0.725 0.074 222.5)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.81:1 (AAA)
- #3392BB color page →
primary
#3392BB
- RGB
- rgb(51 146 187)
- HSL
- hsl(198 57% 47%)
- OKLCH
- oklch(0.623 0.106 230.8)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.96:1 (AA)
- #287399 color page →
secondary
#287399
- RGB
- rgb(40 115 153)
- HSL
- hsl(200 59% 38%)
- OKLCH
- oklch(0.527 0.094 234.8)
WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)
- #004D62 color page →
accent
#004D62
- RGB
- rgb(0 77 98)
- HSL
- hsl(193 100% 19%)
- OKLCH
- oklch(0.39 0.073 223.9)
WCAG contrast: on white 9.38:1 (AAA) · on black 2.23:1 (Fail)
- #002F47 color page →
highlight
#002F47
- RGB
- rgb(0 47 71)
- HSL
- hsl(200 100% 14%)
- OKLCH
- oklch(0.29 0.064 237.8)
WCAG contrast: on white 14.02:1 (AAA) · on black 1.49:1 (Fail)
- #08121D color page →
text
#08121D
- RGB
- rgb(8 18 29)
- HSL
- hsl(211 57% 7%)
- OKLCH
- oklch(0.179 0.027 251.5)
WCAG contrast: on white 18.84:1 (AAA) · on black 1.11:1 (Fail)
Export Swimmer Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0edf4;
--surface: #aeccdb;
--muted: #70b1c8;
--primary: #3392bb;
--secondary: #287399;
--accent: #004d62;
--highlight: #002f47;
--text: #08121d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0edf4;
--color-surface: #aeccdb;
--color-muted: #70b1c8;
--color-primary: #3392bb;
--color-secondary: #287399;
--color-accent: #004d62;
--color-highlight: #002f47;
--color-text: #08121d;
}JSON (DTCG tokens)
{
"swimmer-ember-6x1": {
"bg": {
"$type": "color",
"$value": "#e0edf4"
},
"surface": {
"$type": "color",
"$value": "#aeccdb"
},
"muted": {
"$type": "color",
"$value": "#70b1c8"
},
"primary": {
"$type": "color",
"$value": "#3392bb"
},
"secondary": {
"$type": "color",
"$value": "#287399"
},
"accent": {
"$type": "color",
"$value": "#004d62"
},
"highlight": {
"$type": "color",
"$value": "#002f47"
},
"text": {
"$type": "color",
"$value": "#08121d"
}
}
}About this palette
Swimmer Ember is a 8-color OKLCH-ready palette tagged violet, cold, ocean, nature, 8 colors. Hex values: #E0EDF4, #AECCDB, #70B1C8, #3392BB, #287399, #004D62, #002F47, #08121D. APCA contrast score Lc 8.3. 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 Ember by OKLab color distance.