Palette · 4 colors · Lc 9.4
Wave Garden palette
Wave Garden: a 4-color palette (Blue, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F0F5FA, #C7E2FF, #97CBD7, #2C3946, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F5FA
surface
#C7E2FF
accent
#97CBD7
text
#2C3946
Colors in Wave Garden: HEX, RGB, HSL & OKLCH
- #F0F5FA color page →
bg
#F0F5FA
- RGB
- rgb(240 245 250)
- HSL
- hsl(210 50% 96%)
- OKLCH
- oklch(0.968 0.009 247.9)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.14:1 (AAA)
- #C7E2FF color page →
surface
#C7E2FF
- RGB
- rgb(199 226 255)
- HSL
- hsl(211 100% 89%)
- OKLCH
- oklch(0.902 0.049 250.2)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.75:1 (AAA)
- #97CBD7 color page →
accent
#97CBD7
- RGB
- rgb(151 203 215)
- HSL
- hsl(191 44% 72%)
- OKLCH
- oklch(0.81 0.056 213.5)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.83:1 (AAA)
- #2C3946 color page →
text
#2C3946
- RGB
- rgb(44 57 70)
- HSL
- hsl(210 23% 22%)
- OKLCH
- oklch(0.339 0.029 248.7)
WCAG contrast: on white 11.79:1 (AAA) · on black 1.78:1 (Fail)
Export Wave Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f5fa;
--surface: #c7e2ff;
--accent: #97cbd7;
--text: #2c3946;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f5fa;
--color-surface: #c7e2ff;
--color-accent: #97cbd7;
--color-text: #2c3946;
}JSON (DTCG tokens)
{
"wave-garden-4ya": {
"bg": {
"$type": "color",
"$value": "#f0f5fa"
},
"surface": {
"$type": "color",
"$value": "#c7e2ff"
},
"accent": {
"$type": "color",
"$value": "#97cbd7"
},
"text": {
"$type": "color",
"$value": "#2c3946"
}
}
}About this palette
Wave Garden is a 4-color OKLCH-ready palette tagged blue, gray, cold, pastel, 4 colors. Hex values: #F0F5FA, #C7E2FF, #97CBD7, #2C3946. 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 Wave Garden by OKLab color distance.