Palette · 6 colors · Lc 10
Copacabana Ember palette
Copacabana Ember: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #F0FAFF, #94CEE0, #529ABC, #006A8B, #003B4D, #000A18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0FAFF
surface
#94CEE0
muted
#529ABC
primary
#006A8B
accent
#003B4D
text
#000A18
Colors in Copacabana Ember: HEX, RGB, HSL & OKLCH
- #F0FAFF color page →
bg
#F0FAFF
- RGB
- rgb(240 250 255)
- HSL
- hsl(200 100% 97%)
- OKLCH
- oklch(0.979 0.013 228.9)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.82:1 (AAA)
- #94CEE0 color page →
surface
#94CEE0
- RGB
- rgb(148 206 224)
- HSL
- hsl(194 55% 73%)
- OKLCH
- oklch(0.818 0.065 219.1)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.16:1 (AAA)
- #529ABC color page →
muted
#529ABC
- RGB
- rgb(82 154 188)
- HSL
- hsl(199 44% 53%)
- OKLCH
- oklch(0.653 0.088 230.6)
WCAG contrast: on white 3.13:1 (Fail) · on black 6.70:1 (AA)
- #006A8B color page →
primary
#006A8B
- RGB
- rgb(0 106 139)
- HSL
- hsl(194 100% 27%)
- OKLCH
- oklch(0.49 0.096 228.3)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #003B4D color page →
accent
#003B4D
- RGB
- rgb(0 59 77)
- HSL
- hsl(194 100% 15%)
- OKLCH
- oklch(0.328 0.062 225.6)
WCAG contrast: on white 12.11:1 (AAA) · on black 1.73:1 (Fail)
- #000A18 color page →
text
#000A18
- RGB
- rgb(0 10 24)
- HSL
- hsl(215 100% 5%)
- OKLCH
- oklch(0.141 0.038 247.7)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
Export Copacabana Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0faff;
--surface: #94cee0;
--muted: #529abc;
--primary: #006a8b;
--accent: #003b4d;
--text: #000a18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0faff;
--color-surface: #94cee0;
--color-muted: #529abc;
--color-primary: #006a8b;
--color-accent: #003b4d;
--color-text: #000a18;
}JSON (DTCG tokens)
{
"copacabana-ember-3y8": {
"bg": {
"$type": "color",
"$value": "#f0faff"
},
"surface": {
"$type": "color",
"$value": "#94cee0"
},
"muted": {
"$type": "color",
"$value": "#529abc"
},
"primary": {
"$type": "color",
"$value": "#006a8b"
},
"accent": {
"$type": "color",
"$value": "#003b4d"
},
"text": {
"$type": "color",
"$value": "#000a18"
}
}
}About this palette
Copacabana Ember is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #F0FAFF, #94CEE0, #529ABC, #006A8B, #003B4D, #000A18. APCA contrast score Lc 10. 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 Ember by OKLab color distance.