Palette · 3 colors · Lc 9.5
Windsurfing Noir palette
Windsurfing Noir: a 3-color palette (Trending, Violet, Gray, Cold). HEX, RGB, HSL and OKLCH for #F3ECE6, #3A6A8F, #0A0502, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3ECE6
accent
#3A6A8F
text
#0A0502
Colors in Windsurfing Noir: HEX, RGB, HSL & OKLCH
- #F3ECE6 color page →
bg
#F3ECE6
- RGB
- rgb(243 236 230)
- HSL
- hsl(28 35% 93%)
- OKLCH
- oklch(0.947 0.011 63.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #3A6A8F color page →
accent
#3A6A8F
- RGB
- rgb(58 106 143)
- HSL
- hsl(206 42% 39%)
- OKLCH
- oklch(0.507 0.079 243.5)
WCAG contrast: on white 5.77:1 (AA) · on black 3.63:1 (Fail)
- #0A0502 color page →
text
#0A0502
- RGB
- rgb(10 5 2)
- HSL
- hsl(23 67% 2%)
- OKLCH
- oklch(0.122 0.016 63.8)
WCAG contrast: on white 20.28:1 (AAA) · on black 1.03:1 (Fail)
Export Windsurfing Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ece6;
--accent: #3a6a8f;
--text: #0a0502;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ece6;
--color-accent: #3a6a8f;
--color-text: #0a0502;
}JSON (DTCG tokens)
{
"windsurfing-noir-2p5": {
"bg": {
"$type": "color",
"$value": "#f3ece6"
},
"accent": {
"$type": "color",
"$value": "#3a6a8f"
},
"text": {
"$type": "color",
"$value": "#0a0502"
}
}
}About this palette
Windsurfing Noir is a 3-color OKLCH-ready palette tagged trending, violet, gray, cold, 3 colors. Hex values: #F3ECE6, #3A6A8F, #0A0502. APCA contrast score Lc 9.5. 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 Noir by OKLab color distance.