Palette · 8 colors · Lc 8.6
Swimmer Horizon palette
Swimmer Horizon: a 8-color palette (Blue, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #E1F2FC, #9FD9F1, #5DB1DF, #2690B6, #00719B, #00506F, #00243A, #01070C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 8 Colors
bg
#E1F2FC
surface
#9FD9F1
muted
#5DB1DF
primary
#2690B6
secondary
#00719B
accent
#00506F
highlight
#00243A
text
#01070C
Colors in Swimmer Horizon: HEX, RGB, HSL & OKLCH
- #E1F2FC color page →
bg
#E1F2FC
- RGB
- rgb(225 242 252)
- HSL
- hsl(202 82% 94%)
- OKLCH
- oklch(0.952 0.023 233.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.30:1 (AAA)
- #9FD9F1 color page →
surface
#9FD9F1
- RGB
- rgb(159 217 241)
- HSL
- hsl(198 75% 78%)
- OKLCH
- oklch(0.854 0.068 225.5)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.66:1 (AAA)
- #5DB1DF color page →
muted
#5DB1DF
- RGB
- rgb(93 177 223)
- HSL
- hsl(201 67% 62%)
- OKLCH
- oklch(0.726 0.106 234.8)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.81:1 (AAA)
- #2690B6 color page →
primary
#2690B6
- RGB
- rgb(38 144 182)
- HSL
- hsl(196 65% 43%)
- OKLCH
- oklch(0.612 0.108 227.4)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.74:1 (AA)
- #00719B color page →
secondary
#00719B
- RGB
- rgb(0 113 155)
- HSL
- hsl(196 100% 30%)
- OKLCH
- oklch(0.516 0.107 233.2)
WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)
- #00506F color page →
accent
#00506F
- RGB
- rgb(0 80 111)
- HSL
- hsl(197 100% 22%)
- OKLCH
- oklch(0.406 0.084 233.1)
WCAG contrast: on white 8.83:1 (AAA) · on black 2.37:1 (Fail)
- #00243A color page →
highlight
#00243A
- RGB
- rgb(0 36 58)
- HSL
- hsl(203 100% 11%)
- OKLCH
- oklch(0.249 0.058 240.8)
WCAG contrast: on white 15.98:1 (AAA) · on black 1.31:1 (Fail)
- #01070C color page →
text
#01070C
- RGB
- rgb(1 7 12)
- HSL
- hsl(207 85% 3%)
- OKLCH
- oklch(0.122 0.02 231.9)
WCAG contrast: on white 20.25:1 (AAA) · on black 1.03:1 (Fail)
Export Swimmer Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f2fc;
--surface: #9fd9f1;
--muted: #5db1df;
--primary: #2690b6;
--secondary: #00719b;
--accent: #00506f;
--highlight: #00243a;
--text: #01070c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f2fc;
--color-surface: #9fd9f1;
--color-muted: #5db1df;
--color-primary: #2690b6;
--color-secondary: #00719b;
--color-accent: #00506f;
--color-highlight: #00243a;
--color-text: #01070c;
}JSON (DTCG tokens)
{
"swimmer-horizon-ks": {
"bg": {
"$type": "color",
"$value": "#e1f2fc"
},
"surface": {
"$type": "color",
"$value": "#9fd9f1"
},
"muted": {
"$type": "color",
"$value": "#5db1df"
},
"primary": {
"$type": "color",
"$value": "#2690b6"
},
"secondary": {
"$type": "color",
"$value": "#00719b"
},
"accent": {
"$type": "color",
"$value": "#00506f"
},
"highlight": {
"$type": "color",
"$value": "#00243a"
},
"text": {
"$type": "color",
"$value": "#01070c"
}
}
}About this palette
Swimmer Horizon is a 8-color OKLCH-ready palette tagged blue, cold, monochromatic, 8 colors. Hex values: #E1F2FC, #9FD9F1, #5DB1DF, #2690B6, #00719B, #00506F, #00243A, #01070C. APCA contrast score Lc 8.6. 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 Horizon by OKLab color distance.