Palette · 5 colors · Lc 9.5
True Cruising Canvas palette
True Cruising Canvas: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E6F7F8, #70B9B6, #008693, #00564B, #000C11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F7F8
surface
#70B9B6
primary
#008693
accent
#00564B
text
#000C11
Colors in True Cruising Canvas: HEX, RGB, HSL & OKLCH
- #E6F7F8 color page →
bg
#E6F7F8
- RGB
- rgb(230 247 248)
- HSL
- hsl(183 56% 94%)
- OKLCH
- oklch(0.964 0.018 201.1)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.02:1 (AAA)
- #70B9B6 color page →
surface
#70B9B6
- RGB
- rgb(112 185 182)
- HSL
- hsl(178 34% 58%)
- OKLCH
- oklch(0.737 0.073 192.3)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.30:1 (AAA)
- #008693 color page →
primary
#008693
- RGB
- rgb(0 134 147)
- HSL
- hsl(185 100% 29%)
- OKLCH
- oklch(0.567 0.097 206.8)
WCAG contrast: on white 4.34:1 (Fail) · on black 4.83:1 (AA)
- #00564B color page →
accent
#00564B
- RGB
- rgb(0 86 75)
- HSL
- hsl(172 100% 17%)
- OKLCH
- oklch(0.406 0.074 180.3)
WCAG contrast: on white 8.63:1 (AAA) · on black 2.43:1 (Fail)
- #000C11 color page →
text
#000C11
- RGB
- rgb(0 12 17)
- HSL
- hsl(198 100% 3%)
- OKLCH
- oklch(0.143 0.026 219.7)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
Export True Cruising Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f7f8;
--surface: #70b9b6;
--primary: #008693;
--accent: #00564b;
--text: #000c11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f7f8;
--color-surface: #70b9b6;
--color-primary: #008693;
--color-accent: #00564b;
--color-text: #000c11;
}JSON (DTCG tokens)
{
"true-cruising-canvas-660": {
"bg": {
"$type": "color",
"$value": "#e6f7f8"
},
"surface": {
"$type": "color",
"$value": "#70b9b6"
},
"primary": {
"$type": "color",
"$value": "#008693"
},
"accent": {
"$type": "color",
"$value": "#00564b"
},
"text": {
"$type": "color",
"$value": "#000c11"
}
}
}About this palette
True Cruising Canvas is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #E6F7F8, #70B9B6, #008693, #00564B, #000C11. 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 Canvas by OKLab color distance.