Palette · 5 colors · Lc 8.7
Copacabana Harbor palette
Copacabana Harbor: a 5-color palette (Blue, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #D4ECF4, #70A6B6, #006986, #003D4E, #001721, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4ECF4
surface
#70A6B6
primary
#006986
accent
#003D4E
text
#001721
Colors in Copacabana Harbor: HEX, RGB, HSL & OKLCH
- #D4ECF4 color page →
bg
#D4ECF4
- RGB
- rgb(212 236 244)
- HSL
- hsl(195 59% 89%)
- OKLCH
- oklch(0.928 0.028 219.8)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.10:1 (AAA)
- #70A6B6 color page →
surface
#70A6B6
- RGB
- rgb(112 166 182)
- HSL
- hsl(194 32% 58%)
- OKLCH
- oklch(0.693 0.061 218.4)
WCAG contrast: on white 2.68:1 (Fail) · on black 7.81:1 (AAA)
- #006986 color page →
primary
#006986
- RGB
- rgb(0 105 134)
- HSL
- hsl(193 100% 26%)
- OKLCH
- oklch(0.485 0.092 225.3)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #003D4E color page →
accent
#003D4E
- RGB
- rgb(0 61 78)
- HSL
- hsl(193 100% 15%)
- OKLCH
- oklch(0.334 0.063 223.5)
WCAG contrast: on white 11.81:1 (AAA) · on black 1.77:1 (Fail)
- #001721 color page →
text
#001721
- RGB
- rgb(0 23 33)
- HSL
- hsl(198 100% 6%)
- OKLCH
- oklch(0.191 0.037 227.9)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Copacabana Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4ecf4;
--surface: #70a6b6;
--primary: #006986;
--accent: #003d4e;
--text: #001721;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4ecf4;
--color-surface: #70a6b6;
--color-primary: #006986;
--color-accent: #003d4e;
--color-text: #001721;
}JSON (DTCG tokens)
{
"copacabana-harbor-32h": {
"bg": {
"$type": "color",
"$value": "#d4ecf4"
},
"surface": {
"$type": "color",
"$value": "#70a6b6"
},
"primary": {
"$type": "color",
"$value": "#006986"
},
"accent": {
"$type": "color",
"$value": "#003d4e"
},
"text": {
"$type": "color",
"$value": "#001721"
}
}
}About this palette
Copacabana Harbor is a 5-color OKLCH-ready palette tagged blue, cold, 5 colors. Hex values: #D4ECF4, #70A6B6, #006986, #003D4E, #001721. APCA contrast score Lc 8.7. 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 Copacabana Harbor by OKLab color distance.