Palette · 9 colors · Lc 10
True Windsurfing Pulse palette
True Windsurfing Pulse: a 9-color palette (Violet, Gray, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #070A0D, #112231, #1A3850, #35516D, #407298, #6B91AF, #8CB9D6, #C0D9E8, #F1F9FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#070A0D
surface
#112231
muted
#1A3850
primary
#35516D
secondary
#407298
accent
#6B91AF
highlight
#8CB9D6
border
#C0D9E8
text
#F1F9FF
Colors in True Windsurfing Pulse: HEX, RGB, HSL & OKLCH
- #070A0D color page →
bg
#070A0D
- RGB
- rgb(7 10 13)
- HSL
- hsl(210 30% 4%)
- OKLCH
- oklch(0.143 0.009 245.7)
WCAG contrast: on white 19.84:1 (AAA) · on black 1.05:1 (Fail)
- #112231 color page →
surface
#112231
- RGB
- rgb(17 34 49)
- HSL
- hsl(208 48% 13%)
- OKLCH
- oklch(0.245 0.037 246.6)
WCAG contrast: on white 16.19:1 (AAA) · on black 1.29:1 (Fail)
- #1A3850 color page →
muted
#1A3850
- RGB
- rgb(26 56 80)
- HSL
- hsl(207 51% 21%)
- OKLCH
- oklch(0.33 0.056 244.8)
WCAG contrast: on white 12.17:1 (AAA) · on black 1.72:1 (Fail)
- #35516D color page →
primary
#35516D
- RGB
- rgb(53 81 109)
- HSL
- hsl(210 35% 32%)
- OKLCH
- oklch(0.425 0.058 249.3)
WCAG contrast: on white 8.23:1 (AAA) · on black 2.54:1 (Fail)
- #407298 color page →
secondary
#407298
- RGB
- rgb(64 114 152)
- HSL
- hsl(206 41% 42%)
- OKLCH
- oklch(0.533 0.081 243)
WCAG contrast: on white 5.14:1 (AA) · on black 4.07:1 (Fail)
- #6B91AF color page →
accent
#6B91AF
- RGB
- rgb(107 145 175)
- HSL
- hsl(206 30% 55%)
- OKLCH
- oklch(0.64 0.062 242.7)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #8CB9D6 color page →
highlight
#8CB9D6
- RGB
- rgb(140 185 214)
- HSL
- hsl(204 47% 69%)
- OKLCH
- oklch(0.764 0.063 236.9)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.02:1 (AAA)
- #C0D9E8 color page →
border
#C0D9E8
- RGB
- rgb(192 217 232)
- HSL
- hsl(203 47% 83%)
- OKLCH
- oklch(0.871 0.034 234.1)
WCAG contrast: on white 1.46:1 (Fail) · on black 14.33:1 (AAA)
- #F1F9FF color page →
text
#F1F9FF
- RGB
- rgb(241 249 255)
- HSL
- hsl(206 100% 97%)
- OKLCH
- oklch(0.978 0.012 239.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.73:1 (AAA)
Export True Windsurfing Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #070a0d;
--surface: #112231;
--muted: #1a3850;
--primary: #35516d;
--secondary: #407298;
--accent: #6b91af;
--highlight: #8cb9d6;
--border: #c0d9e8;
--text: #f1f9ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #070a0d;
--color-surface: #112231;
--color-muted: #1a3850;
--color-primary: #35516d;
--color-secondary: #407298;
--color-accent: #6b91af;
--color-highlight: #8cb9d6;
--color-border: #c0d9e8;
--color-text: #f1f9ff;
}JSON (DTCG tokens)
{
"true-windsurfing-pulse-36d": {
"bg": {
"$type": "color",
"$value": "#070a0d"
},
"surface": {
"$type": "color",
"$value": "#112231"
},
"muted": {
"$type": "color",
"$value": "#1a3850"
},
"primary": {
"$type": "color",
"$value": "#35516d"
},
"secondary": {
"$type": "color",
"$value": "#407298"
},
"accent": {
"$type": "color",
"$value": "#6b91af"
},
"highlight": {
"$type": "color",
"$value": "#8cb9d6"
},
"border": {
"$type": "color",
"$value": "#c0d9e8"
},
"text": {
"$type": "color",
"$value": "#f1f9ff"
}
}
}About this palette
True Windsurfing Pulse is a 9-color OKLCH-ready palette tagged violet, gray, cold, 9 colors. Hex values: #070A0D, #112231, #1A3850, #35516D, #407298, #6B91AF, #8CB9D6, #C0D9E8, #F1F9FF. APCA contrast score Lc 10. 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 Windsurfing Pulse by OKLab color distance.