Palette · 9 colors · Lc 8.4
Classic Sail On Drift palette
Classic Sail On Drift: a 9-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E3EDF5, #B6D0E2, #7EB2D1, #5292BE, #4578B6, #086791, #00516A, #05263A, #060E1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3EDF5
surface
#B6D0E2
muted
#7EB2D1
primary
#5292BE
secondary
#4578B6
accent
#086791
highlight
#00516A
border
#05263A
text
#060E1C
Colors in Classic Sail On Drift: HEX, RGB, HSL & OKLCH
- #E3EDF5 color page →
bg
#E3EDF5
- RGB
- rgb(227 237 245)
- HSL
- hsl(207 47% 93%)
- OKLCH
- oklch(0.941 0.015 241.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.69:1 (AAA)
- #B6D0E2 color page →
surface
#B6D0E2
- RGB
- rgb(182 208 226)
- HSL
- hsl(205 43% 80%)
- OKLCH
- oklch(0.844 0.038 238.2)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.10:1 (AAA)
- #7EB2D1 color page →
muted
#7EB2D1
- RGB
- rgb(126 178 209)
- HSL
- hsl(202 47% 66%)
- OKLCH
- oklch(0.738 0.071 235.2)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)
- #5292BE color page →
primary
#5292BE
- RGB
- rgb(82 146 190)
- HSL
- hsl(204 45% 53%)
- OKLCH
- oklch(0.635 0.094 240.4)
WCAG contrast: on white 3.37:1 (Fail) · on black 6.21:1 (AA)
- #4578B6 color page →
secondary
#4578B6
- RGB
- rgb(69 120 182)
- HSL
- hsl(213 45% 49%)
- OKLCH
- oklch(0.566 0.111 254.3)
WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)
- #086791 color page →
accent
#086791
- RGB
- rgb(8 103 145)
- HSL
- hsl(198 90% 30%)
- OKLCH
- oklch(0.486 0.102 236)
WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)
- #00516A color page →
highlight
#00516A
- RGB
- rgb(0 81 106)
- HSL
- hsl(194 100% 21%)
- OKLCH
- oklch(0.406 0.078 227.2)
WCAG contrast: on white 8.80:1 (AAA) · on black 2.38:1 (Fail)
- #05263A color page →
border
#05263A
- RGB
- rgb(5 38 58)
- HSL
- hsl(203 84% 12%)
- OKLCH
- oklch(0.257 0.053 240.2)
WCAG contrast: on white 15.61:1 (AAA) · on black 1.34:1 (Fail)
- #060E1C color page →
text
#060E1C
- RGB
- rgb(6 14 28)
- HSL
- hsl(218 65% 7%)
- OKLCH
- oklch(0.164 0.033 259.7)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Sail On Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3edf5;
--surface: #b6d0e2;
--muted: #7eb2d1;
--primary: #5292be;
--secondary: #4578b6;
--accent: #086791;
--highlight: #00516a;
--border: #05263a;
--text: #060e1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3edf5;
--color-surface: #b6d0e2;
--color-muted: #7eb2d1;
--color-primary: #5292be;
--color-secondary: #4578b6;
--color-accent: #086791;
--color-highlight: #00516a;
--color-border: #05263a;
--color-text: #060e1c;
}JSON (DTCG tokens)
{
"classic-sail-on-drift-1q8": {
"bg": {
"$type": "color",
"$value": "#e3edf5"
},
"surface": {
"$type": "color",
"$value": "#b6d0e2"
},
"muted": {
"$type": "color",
"$value": "#7eb2d1"
},
"primary": {
"$type": "color",
"$value": "#5292be"
},
"secondary": {
"$type": "color",
"$value": "#4578b6"
},
"accent": {
"$type": "color",
"$value": "#086791"
},
"highlight": {
"$type": "color",
"$value": "#00516a"
},
"border": {
"$type": "color",
"$value": "#05263a"
},
"text": {
"$type": "color",
"$value": "#060e1c"
}
}
}About this palette
Classic Sail On Drift is a 9-color OKLCH-ready palette tagged violet, cold, ocean, nature, 9 colors. Hex values: #E3EDF5, #B6D0E2, #7EB2D1, #5292BE, #4578B6, #086791, #00516A, #05263A, #060E1C. APCA contrast score Lc 8.4. 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 Drift by OKLab color distance.