Palette · 8 colors · Lc 9.8
True Swimmer Drift palette
True Swimmer Drift: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #000910, #002947, #004D7D, #006595, #0091CB, #56AEDF, #94D1F2, #E4FCFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000910
surface
#002947
muted
#004D7D
primary
#006595
secondary
#0091CB
accent
#56AEDF
highlight
#94D1F2
text
#E4FCFF
Colors in True Swimmer Drift: HEX, RGB, HSL & OKLCH
- #000910 color page →
bg
#000910
- RGB
- rgb(0 9 16)
- HSL
- hsl(206 100% 3%)
- OKLCH
- oklch(0.131 0.026 231.1)
WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)
- #002947 color page →
surface
#002947
- RGB
- rgb(0 41 71)
- HSL
- hsl(205 100% 14%)
- OKLCH
- oklch(0.273 0.07 246.2)
WCAG contrast: on white 14.91:1 (AAA) · on black 1.40:1 (Fail)
- #004D7D color page →
muted
#004D7D
- RGB
- rgb(0 77 125)
- HSL
- hsl(203 100% 25%)
- OKLCH
- oklch(0.407 0.103 245.4)
WCAG contrast: on white 8.90:1 (AAA) · on black 2.35:1 (Fail)
- #006595 color page →
primary
#006595
- RGB
- rgb(0 101 149)
- HSL
- hsl(199 100% 29%)
- OKLCH
- oklch(0.483 0.109 239.4)
WCAG contrast: on white 6.37:1 (AA) · on black 3.29:1 (Fail)
- #0091CB color page →
secondary
#0091CB
- RGB
- rgb(0 145 203)
- HSL
- hsl(197 100% 40%)
- OKLCH
- oklch(0.621 0.133 235.8)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.91:1 (AA)
- #56AEDF color page →
accent
#56AEDF
- RGB
- rgb(86 174 223)
- HSL
- hsl(201 68% 61%)
- OKLCH
- oklch(0.716 0.111 235.6)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.51:1 (AAA)
- #94D1F2 color page →
highlight
#94D1F2
- RGB
- rgb(148 209 242)
- HSL
- hsl(201 78% 76%)
- OKLCH
- oklch(0.831 0.078 232.6)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.66:1 (AAA)
- #E4FCFF color page →
text
#E4FCFF
- RGB
- rgb(228 252 255)
- HSL
- hsl(187 100% 95%)
- OKLCH
- oklch(0.975 0.025 205.8)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.66:1 (AAA)
Export True Swimmer Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000910;
--surface: #002947;
--muted: #004d7d;
--primary: #006595;
--secondary: #0091cb;
--accent: #56aedf;
--highlight: #94d1f2;
--text: #e4fcff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000910;
--color-surface: #002947;
--color-muted: #004d7d;
--color-primary: #006595;
--color-secondary: #0091cb;
--color-accent: #56aedf;
--color-highlight: #94d1f2;
--color-text: #e4fcff;
}JSON (DTCG tokens)
{
"true-swimmer-drift-6bp": {
"bg": {
"$type": "color",
"$value": "#000910"
},
"surface": {
"$type": "color",
"$value": "#002947"
},
"muted": {
"$type": "color",
"$value": "#004d7d"
},
"primary": {
"$type": "color",
"$value": "#006595"
},
"secondary": {
"$type": "color",
"$value": "#0091cb"
},
"accent": {
"$type": "color",
"$value": "#56aedf"
},
"highlight": {
"$type": "color",
"$value": "#94d1f2"
},
"text": {
"$type": "color",
"$value": "#e4fcff"
}
}
}About this palette
True Swimmer Drift is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #000910, #002947, #004D7D, #006595, #0091CB, #56AEDF, #94D1F2, #E4FCFF. 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 True Swimmer Drift by OKLab color distance.