Palette · 10 colors · Lc 9.4
Classic Copacabana Cascade palette
Classic Copacabana Cascade: a 10-color palette (Blue, Cold, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #E3F7FE, #AAD6EC, #7EBCD2, #5AA0B9, #428BA9, #0A6D89, #005A7B, #043F52, #002031, #00090F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 10 Colors
bg
#E3F7FE
surface
#AAD6EC
muted
#7EBCD2
primary
#5AA0B9
secondary
#428BA9
accent
#0A6D89
highlight
#005A7B
border
#043F52
focus
#002031
text
#00090F
Colors in Classic Copacabana Cascade: HEX, RGB, HSL & OKLCH
- #E3F7FE color page →
bg
#E3F7FE
- RGB
- rgb(227 247 254)
- HSL
- hsl(196 93% 94%)
- OKLCH
- oklch(0.964 0.023 220.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.00:1 (AAA)
- #AAD6EC color page →
surface
#AAD6EC
- RGB
- rgb(170 214 236)
- HSL
- hsl(200 63% 80%)
- OKLCH
- oklch(0.852 0.055 229.8)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.53:1 (AAA)
- #7EBCD2 color page →
muted
#7EBCD2
- RGB
- rgb(126 188 210)
- HSL
- hsl(196 48% 66%)
- OKLCH
- oklch(0.761 0.071 222.3)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.01:1 (AAA)
- #5AA0B9 color page →
primary
#5AA0B9
- RGB
- rgb(90 160 185)
- HSL
- hsl(196 40% 54%)
- OKLCH
- oklch(0.669 0.08 223.3)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.16:1 (AAA)
- #428BA9 color page →
secondary
#428BA9
- RGB
- rgb(66 139 169)
- HSL
- hsl(197 44% 46%)
- OKLCH
- oklch(0.602 0.086 227.7)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.49:1 (AA)
- #0A6D89 color page →
accent
#0A6D89
- RGB
- rgb(10 109 137)
- HSL
- hsl(193 86% 29%)
- OKLCH
- oklch(0.498 0.091 224.3)
WCAG contrast: on white 5.89:1 (AA) · on black 3.56:1 (Fail)
- #005A7B color page →
highlight
#005A7B
- RGB
- rgb(0 90 123)
- HSL
- hsl(196 100% 24%)
- OKLCH
- oklch(0.439 0.09 232.1)
WCAG contrast: on white 7.64:1 (AAA) · on black 2.74:1 (Fail)
- #043F52 color page →
border
#043F52
- RGB
- rgb(4 63 82)
- HSL
- hsl(195 91% 17%)
- OKLCH
- oklch(0.343 0.064 226.4)
WCAG contrast: on white 11.42:1 (AAA) · on black 1.83:1 (Fail)
- #002031 color page →
focus
#002031
- RGB
- rgb(0 32 49)
- HSL
- hsl(201 100% 10%)
- OKLCH
- oklch(0.23 0.05 236.1)
WCAG contrast: on white 16.78:1 (AAA) · on black 1.25:1 (Fail)
- #00090F color page →
text
#00090F
- RGB
- rgb(0 9 15)
- HSL
- hsl(204 100% 3%)
- OKLCH
- oklch(0.13 0.025 227.1)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Copacabana Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f7fe;
--surface: #aad6ec;
--muted: #7ebcd2;
--primary: #5aa0b9;
--secondary: #428ba9;
--accent: #0a6d89;
--highlight: #005a7b;
--border: #043f52;
--focus: #002031;
--text: #00090f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f7fe;
--color-surface: #aad6ec;
--color-muted: #7ebcd2;
--color-primary: #5aa0b9;
--color-secondary: #428ba9;
--color-accent: #0a6d89;
--color-highlight: #005a7b;
--color-border: #043f52;
--color-focus: #002031;
--color-text: #00090f;
}JSON (DTCG tokens)
{
"classic-copacabana-cascade-3fb": {
"bg": {
"$type": "color",
"$value": "#e3f7fe"
},
"surface": {
"$type": "color",
"$value": "#aad6ec"
},
"muted": {
"$type": "color",
"$value": "#7ebcd2"
},
"primary": {
"$type": "color",
"$value": "#5aa0b9"
},
"secondary": {
"$type": "color",
"$value": "#428ba9"
},
"accent": {
"$type": "color",
"$value": "#0a6d89"
},
"highlight": {
"$type": "color",
"$value": "#005a7b"
},
"border": {
"$type": "color",
"$value": "#043f52"
},
"focus": {
"$type": "color",
"$value": "#002031"
},
"text": {
"$type": "color",
"$value": "#00090f"
}
}
}About this palette
Classic Copacabana Cascade is a 10-color OKLCH-ready palette tagged blue, cold, monochromatic, 10 colors. Hex values: #E3F7FE, #AAD6EC, #7EBCD2, #5AA0B9, #428BA9, #0A6D89, #005A7B, #043F52, #002031, #00090F. APCA contrast score Lc 9.4. 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 Cascade by OKLab color distance.