Palette · 7 colors · Lc 9
Steady Sailing Canvas palette
Steady Sailing Canvas: a 7-color palette (Violet, Gray, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #F0F3FB, #C2CADD, #889ABC, #65738E, #3F4D6A, #242C3B, #0A0C15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F3FB
surface
#C2CADD
muted
#889ABC
primary
#65738E
secondary
#3F4D6A
accent
#242C3B
text
#0A0C15
Colors in Steady Sailing Canvas: HEX, RGB, HSL & OKLCH
- #F0F3FB color page →
bg
#F0F3FB
- RGB
- rgb(240 243 251)
- HSL
- hsl(224 58% 96%)
- OKLCH
- oklch(0.964 0.011 269.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)
- #C2CADD color page →
surface
#C2CADD
- RGB
- rgb(194 202 221)
- HSL
- hsl(222 28% 81%)
- OKLCH
- oklch(0.839 0.028 267.5)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.78:1 (AAA)
- #889ABC color page →
muted
#889ABC
- RGB
- rgb(136 154 188)
- HSL
- hsl(219 28% 64%)
- OKLCH
- oklch(0.684 0.054 263.1)
WCAG contrast: on white 2.83:1 (Fail) · on black 7.39:1 (AAA)
- #65738E color page →
primary
#65738E
- RGB
- rgb(101 115 142)
- HSL
- hsl(220 17% 48%)
- OKLCH
- oklch(0.554 0.045 263.4)
WCAG contrast: on white 4.77:1 (AA) · on black 4.39:1 (Fail)
- #3F4D6A color page →
secondary
#3F4D6A
- RGB
- rgb(63 77 106)
- HSL
- hsl(220 25% 33%)
- OKLCH
- oklch(0.421 0.052 264.4)
WCAG contrast: on white 8.46:1 (AAA) · on black 2.48:1 (Fail)
- #242C3B color page →
accent
#242C3B
- RGB
- rgb(36 44 59)
- HSL
- hsl(219 24% 19%)
- OKLCH
- oklch(0.292 0.03 262.8)
WCAG contrast: on white 14.01:1 (AAA) · on black 1.49:1 (Fail)
- #0A0C15 color page →
text
#0A0C15
- RGB
- rgb(10 12 21)
- HSL
- hsl(229 35% 6%)
- OKLCH
- oklch(0.157 0.02 274.3)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Sailing Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f3fb;
--surface: #c2cadd;
--muted: #889abc;
--primary: #65738e;
--secondary: #3f4d6a;
--accent: #242c3b;
--text: #0a0c15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f3fb;
--color-surface: #c2cadd;
--color-muted: #889abc;
--color-primary: #65738e;
--color-secondary: #3f4d6a;
--color-accent: #242c3b;
--color-text: #0a0c15;
}JSON (DTCG tokens)
{
"steady-sailing-canvas-za": {
"bg": {
"$type": "color",
"$value": "#f0f3fb"
},
"surface": {
"$type": "color",
"$value": "#c2cadd"
},
"muted": {
"$type": "color",
"$value": "#889abc"
},
"primary": {
"$type": "color",
"$value": "#65738e"
},
"secondary": {
"$type": "color",
"$value": "#3f4d6a"
},
"accent": {
"$type": "color",
"$value": "#242c3b"
},
"text": {
"$type": "color",
"$value": "#0a0c15"
}
}
}About this palette
Steady Sailing Canvas is a 7-color OKLCH-ready palette tagged violet, gray, cold, 7 colors. Hex values: #F0F3FB, #C2CADD, #889ABC, #65738E, #3F4D6A, #242C3B, #0A0C15. APCA contrast score Lc 9. 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 Sailing Canvas by OKLab color distance.