Palette · 6 colors · Lc 9.3
Classic Copacabana Circuit palette
Classic Copacabana Circuit: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DFF7FF, #9CCFDF, #3E8EAD, #086A89, #003B45, #04121D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF7FF
surface
#9CCFDF
muted
#3E8EAD
primary
#086A89
accent
#003B45
text
#04121D
Colors in Classic Copacabana Circuit: HEX, RGB, HSL & OKLCH
- #DFF7FF color page →
bg
#DFF7FF
- RGB
- rgb(223 247 255)
- HSL
- hsl(195 100% 94%)
- OKLCH
- oklch(0.961 0.027 219.8)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.88:1 (AAA)
- #9CCFDF color page →
surface
#9CCFDF
- RGB
- rgb(156 207 223)
- HSL
- hsl(194 51% 74%)
- OKLCH
- oklch(0.824 0.057 219.1)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.40:1 (AAA)
- #3E8EAD color page →
muted
#3E8EAD
- RGB
- rgb(62 142 173)
- HSL
- hsl(197 47% 46%)
- OKLCH
- oklch(0.61 0.09 226.7)
WCAG contrast: on white 3.69:1 (Fail) · on black 5.67:1 (AA)
- #086A89 color page →
primary
#086A89
- RGB
- rgb(8 106 137)
- HSL
- hsl(194 89% 28%)
- OKLCH
- oklch(0.49 0.093 227.3)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #003B45 color page →
accent
#003B45
- RGB
- rgb(0 59 69)
- HSL
- hsl(189 100% 14%)
- OKLCH
- oklch(0.324 0.057 213.1)
WCAG contrast: on white 12.26:1 (AAA) · on black 1.71:1 (Fail)
- #04121D color page →
text
#04121D
- RGB
- rgb(4 18 29)
- HSL
- hsl(206 76% 6%)
- OKLCH
- oklch(0.175 0.031 242.2)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Classic Copacabana Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff7ff;
--surface: #9ccfdf;
--muted: #3e8ead;
--primary: #086a89;
--accent: #003b45;
--text: #04121d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff7ff;
--color-surface: #9ccfdf;
--color-muted: #3e8ead;
--color-primary: #086a89;
--color-accent: #003b45;
--color-text: #04121d;
}JSON (DTCG tokens)
{
"classic-copacabana-circuit-mx": {
"bg": {
"$type": "color",
"$value": "#dff7ff"
},
"surface": {
"$type": "color",
"$value": "#9ccfdf"
},
"muted": {
"$type": "color",
"$value": "#3e8ead"
},
"primary": {
"$type": "color",
"$value": "#086a89"
},
"accent": {
"$type": "color",
"$value": "#003b45"
},
"text": {
"$type": "color",
"$value": "#04121d"
}
}
}About this palette
Classic Copacabana Circuit is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #DFF7FF, #9CCFDF, #3E8EAD, #086A89, #003B45, #04121D. APCA contrast score Lc 9.3. 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 Copacabana Circuit by OKLab color distance.