Palette · 5 colors · Lc 9.5
True Cruising Harbor palette
True Cruising Harbor: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EAF5F5, #77CAC1, #00889A, #00534B, #000D10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAF5F5
surface
#77CAC1
primary
#00889A
accent
#00534B
text
#000D10
Colors in True Cruising Harbor: HEX, RGB, HSL & OKLCH
- #EAF5F5 color page →
bg
#EAF5F5
- RGB
- rgb(234 245 245)
- HSL
- hsl(180 35% 94%)
- OKLCH
- oklch(0.962 0.012 197)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.87:1 (AAA)
- #77CAC1 color page →
surface
#77CAC1
- RGB
- rgb(119 202 193)
- HSL
- hsl(173 44% 63%)
- OKLCH
- oklch(0.784 0.082 186.8)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.00:1 (AAA)
- #00889A color page →
primary
#00889A
- RGB
- rgb(0 136 154)
- HSL
- hsl(187 100% 30%)
- OKLCH
- oklch(0.575 0.1 211)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.98:1 (AA)
- #00534B color page →
accent
#00534B
- RGB
- rgb(0 83 75)
- HSL
- hsl(174 100% 16%)
- OKLCH
- oklch(0.397 0.07 183.8)
WCAG contrast: on white 8.97:1 (AAA) · on black 2.33:1 (Fail)
- #000D10 color page →
text
#000D10
- RGB
- rgb(0 13 16)
- HSL
- hsl(191 100% 3%)
- OKLCH
- oklch(0.146 0.025 209.8)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export True Cruising Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf5f5;
--surface: #77cac1;
--primary: #00889a;
--accent: #00534b;
--text: #000d10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf5f5;
--color-surface: #77cac1;
--color-primary: #00889a;
--color-accent: #00534b;
--color-text: #000d10;
}JSON (DTCG tokens)
{
"true-cruising-harbor-o2": {
"bg": {
"$type": "color",
"$value": "#eaf5f5"
},
"surface": {
"$type": "color",
"$value": "#77cac1"
},
"primary": {
"$type": "color",
"$value": "#00889a"
},
"accent": {
"$type": "color",
"$value": "#00534b"
},
"text": {
"$type": "color",
"$value": "#000d10"
}
}
}About this palette
True Cruising Harbor is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #EAF5F5, #77CAC1, #00889A, #00534B, #000D10. 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 Harbor by OKLab color distance.