Palette · 7 colors · Lc 9.5
Classic Sail On Pulse palette
Classic Sail On Pulse: a 7-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #F3F9FE, #ACD1EA, #5E9FC8, #4178B0, #055D7B, #013958, #060D1A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3F9FE
surface
#ACD1EA
muted
#5E9FC8
primary
#4178B0
secondary
#055D7B
accent
#013958
text
#060D1A
Colors in Classic Sail On Pulse: HEX, RGB, HSL & OKLCH
- #F3F9FE color page →
bg
#F3F9FE
- RGB
- rgb(243 249 254)
- HSL
- hsl(207 85% 97%)
- OKLCH
- oklch(0.979 0.009 242.8)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.79:1 (AAA)
- #ACD1EA color page →
surface
#ACD1EA
- RGB
- rgb(172 209 234)
- HSL
- hsl(204 60% 80%)
- OKLCH
- oklch(0.842 0.053 237.8)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.06:1 (AAA)
- #5E9FC8 color page →
muted
#5E9FC8
- RGB
- rgb(94 159 200)
- HSL
- hsl(203 49% 58%)
- OKLCH
- oklch(0.675 0.09 237.8)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.26:1 (AAA)
- #4178B0 color page →
primary
#4178B0
- RGB
- rgb(65 120 176)
- HSL
- hsl(210 46% 47%)
- OKLCH
- oklch(0.56 0.105 250.6)
WCAG contrast: on white 4.62:1 (AA) · on black 4.53:1 (AA)
- #055D7B color page →
secondary
#055D7B
- RGB
- rgb(5 93 123)
- HSL
- hsl(195 92% 25%)
- OKLCH
- oklch(0.448 0.087 229.3)
WCAG contrast: on white 7.34:1 (AAA) · on black 2.85:1 (Fail)
- #013958 color page →
accent
#013958
- RGB
- rgb(1 57 88)
- HSL
- hsl(201 98% 17%)
- OKLCH
- oklch(0.329 0.076 240.8)
WCAG contrast: on white 12.15:1 (AAA) · on black 1.72:1 (Fail)
- #060D1A color page →
text
#060D1A
- RGB
- rgb(6 13 26)
- HSL
- hsl(219 63% 6%)
- OKLCH
- oklch(0.159 0.03 260.6)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Sail On Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3f9fe;
--surface: #acd1ea;
--muted: #5e9fc8;
--primary: #4178b0;
--secondary: #055d7b;
--accent: #013958;
--text: #060d1a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3f9fe;
--color-surface: #acd1ea;
--color-muted: #5e9fc8;
--color-primary: #4178b0;
--color-secondary: #055d7b;
--color-accent: #013958;
--color-text: #060d1a;
}JSON (DTCG tokens)
{
"classic-sail-on-pulse-3m": {
"bg": {
"$type": "color",
"$value": "#f3f9fe"
},
"surface": {
"$type": "color",
"$value": "#acd1ea"
},
"muted": {
"$type": "color",
"$value": "#5e9fc8"
},
"primary": {
"$type": "color",
"$value": "#4178b0"
},
"secondary": {
"$type": "color",
"$value": "#055d7b"
},
"accent": {
"$type": "color",
"$value": "#013958"
},
"text": {
"$type": "color",
"$value": "#060d1a"
}
}
}About this palette
Classic Sail On Pulse is a 7-color OKLCH-ready palette tagged violet, cold, ocean, nature, 7 colors. Hex values: #F3F9FE, #ACD1EA, #5E9FC8, #4178B0, #055D7B, #013958, #060D1A. APCA contrast score Lc 9.5. 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 Classic Sail On Pulse by OKLab color distance.