Palette · 4 colors · Lc 10
Clear Wavelet Drift palette
Clear Wavelet Drift: a 4-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #F0F9FB, #74C6CE, #005253, #000E16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F9FB
surface
#74C6CE
accent
#005253
text
#000E16
Colors in Clear Wavelet Drift: HEX, RGB, HSL & OKLCH
- #F0F9FB color page →
bg
#F0F9FB
- RGB
- rgb(240 249 251)
- HSL
- hsl(191 58% 96%)
- OKLCH
- oklch(0.976 0.01 212.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.64:1 (AAA)
- #74C6CE color page →
surface
#74C6CE
- RGB
- rgb(116 198 206)
- HSL
- hsl(185 48% 63%)
- OKLCH
- oklch(0.777 0.081 203.7)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.71:1 (AAA)
- #005253 color page →
accent
#005253
- RGB
- rgb(0 82 83)
- HSL
- hsl(181 100% 16%)
- OKLCH
- oklch(0.398 0.068 196.2)
WCAG contrast: on white 9.00:1 (AAA) · on black 2.33:1 (Fail)
- #000E16 color page →
text
#000E16
- RGB
- rgb(0 14 22)
- HSL
- hsl(202 100% 4%)
- OKLCH
- oklch(0.153 0.03 229.3)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Clear Wavelet Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f9fb;
--surface: #74c6ce;
--accent: #005253;
--text: #000e16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f9fb;
--color-surface: #74c6ce;
--color-accent: #005253;
--color-text: #000e16;
}JSON (DTCG tokens)
{
"clear-wavelet-drift-12u": {
"bg": {
"$type": "color",
"$value": "#f0f9fb"
},
"surface": {
"$type": "color",
"$value": "#74c6ce"
},
"accent": {
"$type": "color",
"$value": "#005253"
},
"text": {
"$type": "color",
"$value": "#000e16"
}
}
}About this palette
Clear Wavelet Drift is a 4-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 4 colors. Hex values: #F0F9FB, #74C6CE, #005253, #000E16. 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 Clear Wavelet Drift by OKLab color distance.