Palette · 5 colors · Lc 10
Sail On Cascade palette
Sail On Cascade: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EEF6FE, #81BCDE, #4172A7, #00506A, #020D1F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF6FE
surface
#81BCDE
primary
#4172A7
accent
#00506A
text
#020D1F
Colors in Sail On Cascade: HEX, RGB, HSL & OKLCH
- #EEF6FE color page →
bg
#EEF6FE
- RGB
- rgb(238 246 254)
- HSL
- hsl(210 89% 96%)
- OKLCH
- oklch(0.969 0.014 248)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.24:1 (AAA)
- #81BCDE color page →
surface
#81BCDE
- RGB
- rgb(129 188 222)
- HSL
- hsl(202 58% 69%)
- OKLCH
- oklch(0.767 0.078 234.5)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.18:1 (AAA)
- #4172A7 color page →
primary
#4172A7
- RGB
- rgb(65 114 167)
- HSL
- hsl(211 44% 45%)
- OKLCH
- oklch(0.542 0.099 251.8)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #00506A color page →
accent
#00506A
- RGB
- rgb(0 80 106)
- HSL
- hsl(195 100% 21%)
- OKLCH
- oklch(0.403 0.079 228.5)
WCAG contrast: on white 8.91:1 (AAA) · on black 2.35:1 (Fail)
- #020D1F color page →
text
#020D1F
- RGB
- rgb(2 13 31)
- HSL
- hsl(217 88% 6%)
- OKLCH
- oklch(0.159 0.043 255.5)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.07:1 (Fail)
Export Sail On Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef6fe;
--surface: #81bcde;
--primary: #4172a7;
--accent: #00506a;
--text: #020d1f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef6fe;
--color-surface: #81bcde;
--color-primary: #4172a7;
--color-accent: #00506a;
--color-text: #020d1f;
}JSON (DTCG tokens)
{
"sail-on-cascade-2y8": {
"bg": {
"$type": "color",
"$value": "#eef6fe"
},
"surface": {
"$type": "color",
"$value": "#81bcde"
},
"primary": {
"$type": "color",
"$value": "#4172a7"
},
"accent": {
"$type": "color",
"$value": "#00506a"
},
"text": {
"$type": "color",
"$value": "#020d1f"
}
}
}About this palette
Sail On Cascade is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #EEF6FE, #81BCDE, #4172A7, #00506A, #020D1F. 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 Sail On Cascade by OKLab color distance.