Palette · 6 colors · Lc 9.6
Windsurfing Drift palette
Windsurfing Drift: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #DEFDFF, #99C2E1, #6A9AB9, #356B8F, #193A53, #001622, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEFDFF
surface
#99C2E1
muted
#6A9AB9
primary
#356B8F
accent
#193A53
text
#001622
Colors in Windsurfing Drift: HEX, RGB, HSL & OKLCH
- #DEFDFF color page →
bg
#DEFDFF
- RGB
- rgb(222 253 255)
- HSL
- hsl(184 100% 94%)
- OKLCH
- oklch(0.972 0.032 201.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.60:1 (AAA)
- #99C2E1 color page →
surface
#99C2E1
- RGB
- rgb(153 194 225)
- HSL
- hsl(206 55% 74%)
- OKLCH
- oklch(0.795 0.062 241.2)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.15:1 (AAA)
- #6A9AB9 color page →
muted
#6A9AB9
- RGB
- rgb(106 154 185)
- HSL
- hsl(204 36% 57%)
- OKLCH
- oklch(0.664 0.069 237.5)
WCAG contrast: on white 3.02:1 (Fail) · on black 6.93:1 (AA)
- #356B8F color page →
primary
#356B8F
- RGB
- rgb(53 107 143)
- HSL
- hsl(204 46% 38%)
- OKLCH
- oklch(0.507 0.081 240.2)
WCAG contrast: on white 5.75:1 (AA) · on black 3.65:1 (Fail)
- #193A53 color page →
accent
#193A53
- RGB
- rgb(25 58 83)
- HSL
- hsl(206 54% 21%)
- OKLCH
- oklch(0.336 0.059 243.8)
WCAG contrast: on white 11.85:1 (AAA) · on black 1.77:1 (Fail)
- #001622 color page →
text
#001622
- RGB
- rgb(0 22 34)
- HSL
- hsl(201 100% 7%)
- OKLCH
- oklch(0.188 0.039 233.4)
WCAG contrast: on white 18.45:1 (AAA) · on black 1.13:1 (Fail)
Export Windsurfing Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #defdff;
--surface: #99c2e1;
--muted: #6a9ab9;
--primary: #356b8f;
--accent: #193a53;
--text: #001622;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #defdff;
--color-surface: #99c2e1;
--color-muted: #6a9ab9;
--color-primary: #356b8f;
--color-accent: #193a53;
--color-text: #001622;
}JSON (DTCG tokens)
{
"windsurfing-drift-2qo": {
"bg": {
"$type": "color",
"$value": "#defdff"
},
"surface": {
"$type": "color",
"$value": "#99c2e1"
},
"muted": {
"$type": "color",
"$value": "#6a9ab9"
},
"primary": {
"$type": "color",
"$value": "#356b8f"
},
"accent": {
"$type": "color",
"$value": "#193a53"
},
"text": {
"$type": "color",
"$value": "#001622"
}
}
}About this palette
Windsurfing Drift is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #DEFDFF, #99C2E1, #6A9AB9, #356B8F, #193A53, #001622. APCA contrast score Lc 9.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 Windsurfing Drift by OKLab color distance.