Palette · 6 colors · Lc 9.1
Windsurfing Lattice palette
Windsurfing Lattice: a 6-color palette (Trending, Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #F3EDE4, #9D835D, #4E7B54, #376C94, #6E4865, #110802, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EDE4
surface
#9D835D
muted
#4E7B54
primary
#376C94
accent
#6E4865
text
#110802
Colors in Windsurfing Lattice: HEX, RGB, HSL & OKLCH
- #F3EDE4 color page →
bg
#F3EDE4
- RGB
- rgb(243 237 228)
- HSL
- hsl(36 38% 92%)
- OKLCH
- oklch(0.948 0.014 78.3)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.04:1 (AAA)
- #9D835D color page →
surface
#9D835D
- RGB
- rgb(157 131 93)
- HSL
- hsl(36 26% 49%)
- OKLCH
- oklch(0.625 0.062 76.7)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.83:1 (AA)
- #4E7B54 color page →
muted
#4E7B54
- RGB
- rgb(78 123 84)
- HSL
- hsl(128 22% 39%)
- OKLCH
- oklch(0.539 0.078 147.7)
WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)
- #376C94 color page →
primary
#376C94
- RGB
- rgb(55 108 148)
- HSL
- hsl(206 46% 40%)
- OKLCH
- oklch(0.513 0.085 243.4)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #6E4865 color page →
accent
#6E4865
- RGB
- rgb(110 72 101)
- HSL
- hsl(314 21% 36%)
- OKLCH
- oklch(0.455 0.067 335.6)
WCAG contrast: on white 7.55:1 (AAA) · on black 2.77:1 (Fail)
- #110802 color page →
text
#110802
- RGB
- rgb(17 8 2)
- HSL
- hsl(24 79% 4%)
- OKLCH
- oklch(0.145 0.024 65.2)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export Windsurfing Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ede4;
--surface: #9d835d;
--muted: #4e7b54;
--primary: #376c94;
--accent: #6e4865;
--text: #110802;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ede4;
--color-surface: #9d835d;
--color-muted: #4e7b54;
--color-primary: #376c94;
--color-accent: #6e4865;
--color-text: #110802;
}JSON (DTCG tokens)
{
"windsurfing-lattice-57x": {
"bg": {
"$type": "color",
"$value": "#f3ede4"
},
"surface": {
"$type": "color",
"$value": "#9d835d"
},
"muted": {
"$type": "color",
"$value": "#4e7b54"
},
"primary": {
"$type": "color",
"$value": "#376c94"
},
"accent": {
"$type": "color",
"$value": "#6e4865"
},
"text": {
"$type": "color",
"$value": "#110802"
}
}
}About this palette
Windsurfing Lattice is a 6-color OKLCH-ready palette tagged trending, violet, cold, 6 colors. Hex values: #F3EDE4, #9D835D, #4E7B54, #376C94, #6E4865, #110802. APCA contrast score Lc 9.1. 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 Lattice by OKLab color distance.