Palette · 4 colors · Lc 9.4
Pure Windsurfing Drift palette
Pure Windsurfing Drift: a 4-color palette (Violet, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #F1F3F5, #437397, #252D33, #04070A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1F3F5
surface
#437397
accent
#252D33
text
#04070A
Colors in Pure Windsurfing Drift: HEX, RGB, HSL & OKLCH
- #F1F3F5 color page →
bg
#F1F3F5
- RGB
- rgb(241 243 245)
- HSL
- hsl(210 17% 95%)
- OKLCH
- oklch(0.963 0.003 247.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.87:1 (AAA)
- #437397 color page →
surface
#437397
- RGB
- rgb(67 115 151)
- HSL
- hsl(206 39% 43%)
- OKLCH
- oklch(0.537 0.077 242.5)
WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)
- #252D33 color page →
accent
#252D33
- RGB
- rgb(37 45 51)
- HSL
- hsl(206 16% 17%)
- OKLCH
- oklch(0.292 0.016 240.5)
WCAG contrast: on white 13.98:1 (AAA) · on black 1.50:1 (Fail)
- #04070A color page →
text
#04070A
- RGB
- rgb(4 7 10)
- HSL
- hsl(210 43% 3%)
- OKLCH
- oklch(0.126 0.01 241.8)
WCAG contrast: on white 20.19:1 (AAA) · on black 1.03:1 (Fail)
Export Pure Windsurfing Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f3f5;
--surface: #437397;
--accent: #252d33;
--text: #04070a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f3f5;
--color-surface: #437397;
--color-accent: #252d33;
--color-text: #04070a;
}JSON (DTCG tokens)
{
"pure-windsurfing-drift-bl": {
"bg": {
"$type": "color",
"$value": "#f1f3f5"
},
"surface": {
"$type": "color",
"$value": "#437397"
},
"accent": {
"$type": "color",
"$value": "#252d33"
},
"text": {
"$type": "color",
"$value": "#04070a"
}
}
}About this palette
Pure Windsurfing Drift is a 4-color OKLCH-ready palette tagged violet, gray, cold, 4 colors. Hex values: #F1F3F5, #437397, #252D33, #04070A. APCA contrast score Lc 9.4. 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 Pure Windsurfing Drift by OKLab color distance.