Palette · 5 colors · Lc 9.5
True Cruising Drift palette
True Cruising Drift: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E0FCFF, #83C0C2, #008196, #004F47, #00121B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0FCFF
surface
#83C0C2
primary
#008196
accent
#004F47
text
#00121B
Colors in True Cruising Drift: HEX, RGB, HSL & OKLCH
- #E0FCFF color page →
bg
#E0FCFF
- RGB
- rgb(224 252 255)
- HSL
- hsl(186 100% 94%)
- OKLCH
- oklch(0.972 0.029 204.5)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.53:1 (AAA)
- #83C0C2 color page →
surface
#83C0C2
- RGB
- rgb(131 192 194)
- HSL
- hsl(182 34% 64%)
- OKLCH
- oklch(0.767 0.063 198.5)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)
- #008196 color page →
primary
#008196
- RGB
- rgb(0 129 150)
- HSL
- hsl(188 100% 29%)
- OKLCH
- oklch(0.555 0.098 214.4)
WCAG contrast: on white 4.58:1 (AA) · on black 4.58:1 (AA)
- #004F47 color page →
accent
#004F47
- RGB
- rgb(0 79 71)
- HSL
- hsl(174 100% 15%)
- OKLCH
- oklch(0.384 0.068 183.3)
WCAG contrast: on white 9.50:1 (AAA) · on black 2.20:1 (Fail)
- #00121B color page →
text
#00121B
- RGB
- rgb(0 18 27)
- HSL
- hsl(200 100% 5%)
- OKLCH
- oklch(0.17 0.034 228.9)
WCAG contrast: on white 19.05:1 (AAA) · on black 1.10:1 (Fail)
Export True Cruising Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0fcff;
--surface: #83c0c2;
--primary: #008196;
--accent: #004f47;
--text: #00121b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0fcff;
--color-surface: #83c0c2;
--color-primary: #008196;
--color-accent: #004f47;
--color-text: #00121b;
}JSON (DTCG tokens)
{
"true-cruising-drift-5uv": {
"bg": {
"$type": "color",
"$value": "#e0fcff"
},
"surface": {
"$type": "color",
"$value": "#83c0c2"
},
"primary": {
"$type": "color",
"$value": "#008196"
},
"accent": {
"$type": "color",
"$value": "#004f47"
},
"text": {
"$type": "color",
"$value": "#00121b"
}
}
}About this palette
True Cruising Drift is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #E0FCFF, #83C0C2, #008196, #004F47, #00121B. 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 True Cruising Drift by OKLab color distance.