Palette · 9 colors · Lc 9.9
Classic Cruising Tide palette
Classic Cruising Tide: a 9-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DEF8FA, #B3DDDC, #76BBB5, #46A1A9, #008997, #00706C, #004C3D, #003137, #000D13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF8FA
surface
#B3DDDC
muted
#76BBB5
primary
#46A1A9
secondary
#008997
accent
#00706C
highlight
#004C3D
border
#003137
text
#000D13
Colors in Classic Cruising Tide: HEX, RGB, HSL & OKLCH
- #DEF8FA color page →
bg
#DEF8FA
- RGB
- rgb(222 248 250)
- HSL
- hsl(184 74% 93%)
- OKLCH
- oklch(0.961 0.027 202.3)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)
- #B3DDDC color page →
surface
#B3DDDC
- RGB
- rgb(179 221 220)
- HSL
- hsl(179 38% 78%)
- OKLCH
- oklch(0.867 0.044 194.6)
WCAG contrast: on white 1.46:1 (Fail) · on black 14.29:1 (AAA)
- #76BBB5 color page →
muted
#76BBB5
- RGB
- rgb(118 187 181)
- HSL
- hsl(175 34% 60%)
- OKLCH
- oklch(0.745 0.07 188.8)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.54:1 (AAA)
- #46A1A9 color page →
primary
#46A1A9
- RGB
- rgb(70 161 169)
- HSL
- hsl(185 41% 47%)
- OKLCH
- oklch(0.658 0.086 203.2)
WCAG contrast: on white 3.02:1 (Fail) · on black 6.93:1 (AA)
- #008997 color page →
secondary
#008997
- RGB
- rgb(0 137 151)
- HSL
- hsl(186 100% 30%)
- OKLCH
- oklch(0.576 0.099 207.4)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #00706C color page →
accent
#00706C
- RGB
- rgb(0 112 108)
- HSL
- hsl(178 100% 22%)
- OKLCH
- oklch(0.492 0.085 190.4)
WCAG contrast: on white 5.94:1 (AA) · on black 3.53:1 (Fail)
- #004C3D color page →
highlight
#004C3D
- RGB
- rgb(0 76 61)
- HSL
- hsl(168 100% 15%)
- OKLCH
- oklch(0.372 0.071 173.7)
WCAG contrast: on white 9.99:1 (AAA) · on black 2.10:1 (Fail)
- #003137 color page →
border
#003137
- RGB
- rgb(0 49 55)
- HSL
- hsl(187 100% 11%)
- OKLCH
- oklch(0.286 0.049 207.7)
WCAG contrast: on white 14.05:1 (AAA) · on black 1.49:1 (Fail)
- #000D13 color page →
text
#000D13
- RGB
- rgb(0 13 19)
- HSL
- hsl(199 100% 4%)
- OKLCH
- oklch(0.148 0.027 223)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Cruising Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def8fa;
--surface: #b3dddc;
--muted: #76bbb5;
--primary: #46a1a9;
--secondary: #008997;
--accent: #00706c;
--highlight: #004c3d;
--border: #003137;
--text: #000d13;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def8fa;
--color-surface: #b3dddc;
--color-muted: #76bbb5;
--color-primary: #46a1a9;
--color-secondary: #008997;
--color-accent: #00706c;
--color-highlight: #004c3d;
--color-border: #003137;
--color-text: #000d13;
}JSON (DTCG tokens)
{
"classic-cruising-tide-bf": {
"bg": {
"$type": "color",
"$value": "#def8fa"
},
"surface": {
"$type": "color",
"$value": "#b3dddc"
},
"muted": {
"$type": "color",
"$value": "#76bbb5"
},
"primary": {
"$type": "color",
"$value": "#46a1a9"
},
"secondary": {
"$type": "color",
"$value": "#008997"
},
"accent": {
"$type": "color",
"$value": "#00706c"
},
"highlight": {
"$type": "color",
"$value": "#004c3d"
},
"border": {
"$type": "color",
"$value": "#003137"
},
"text": {
"$type": "color",
"$value": "#000d13"
}
}
}About this palette
Classic Cruising Tide is a 9-color OKLCH-ready palette tagged blue, cold, ocean, nature, 9 colors. Hex values: #DEF8FA, #B3DDDC, #76BBB5, #46A1A9, #008997, #00706C, #004C3D, #003137, #000D13. APCA contrast score Lc 9.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 Classic Cruising Tide by OKLab color distance.