Palette · 3 colors · Lc 10
Steady Fail Whale Tide palette
Steady Fail Whale Tide: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F3FAFC, #9ECCF1, #11333D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3FAFC
accent
#9ECCF1
text
#11333D
Colors in Steady Fail Whale Tide: HEX, RGB, HSL & OKLCH
- #F3FAFC color page →
bg
#F3FAFC
- RGB
- rgb(243 250 252)
- HSL
- hsl(193 60% 97%)
- OKLCH
- oklch(0.98 0.008 216.6)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.89:1 (AAA)
- #9ECCF1 color page →
accent
#9ECCF1
- RGB
- rgb(158 204 241)
- HSL
- hsl(207 75% 78%)
- OKLCH
- oklch(0.826 0.071 243)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.36:1 (AAA)
- #11333D color page →
text
#11333D
- RGB
- rgb(17 51 61)
- HSL
- hsl(194 56% 15%)
- OKLCH
- oklch(0.301 0.043 220.3)
WCAG contrast: on white 13.42:1 (AAA) · on black 1.56:1 (Fail)
Export Steady Fail Whale Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3fafc;
--accent: #9eccf1;
--text: #11333d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3fafc;
--color-accent: #9eccf1;
--color-text: #11333d;
}JSON (DTCG tokens)
{
"steady-fail-whale-tide-d1": {
"bg": {
"$type": "color",
"$value": "#f3fafc"
},
"accent": {
"$type": "color",
"$value": "#9eccf1"
},
"text": {
"$type": "color",
"$value": "#11333d"
}
}
}About this palette
Steady Fail Whale Tide is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #F3FAFC, #9ECCF1, #11333D. 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 Steady Fail Whale Tide by OKLab color distance.