Palette · 6 colors · Lc 8.2
Cocoa Atelier palette
Cocoa Atelier: a 6-color palette (Yellow, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #DAEBF6, #477694, #7E6084, #88593A, #42633F, #01111A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAEBF6
surface
#477694
muted
#7E6084
primary
#88593A
accent
#42633F
text
#01111A
Colors in Cocoa Atelier: HEX, RGB, HSL & OKLCH
- #DAEBF6 color page →
bg
#DAEBF6
- RGB
- rgb(218 235 246)
- HSL
- hsl(204 61% 91%)
- OKLCH
- oklch(0.931 0.023 236)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.19:1 (AAA)
- #477694 color page →
surface
#477694
- RGB
- rgb(71 118 148)
- HSL
- hsl(203 35% 43%)
- OKLCH
- oklch(0.545 0.07 237.9)
WCAG contrast: on white 4.89:1 (AA) · on black 4.28:1 (Fail)
- #7E6084 color page →
muted
#7E6084
- RGB
- rgb(126 96 132)
- HSL
- hsl(290 16% 45%)
- OKLCH
- oklch(0.532 0.066 320.7)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #88593A color page →
primary
#88593A
- RGB
- rgb(136 89 58)
- HSL
- hsl(24 40% 38%)
- OKLCH
- oklch(0.508 0.077 53.6)
WCAG contrast: on white 5.93:1 (AA) · on black 3.53:1 (Fail)
- #42633F color page →
accent
#42633F
- RGB
- rgb(66 99 63)
- HSL
- hsl(115 22% 32%)
- OKLCH
- oklch(0.464 0.069 142.4)
WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)
- #01111A color page →
text
#01111A
- RGB
- rgb(1 17 26)
- HSL
- hsl(202 93% 5%)
- OKLCH
- oklch(0.167 0.032 231.7)
WCAG contrast: on white 19.15:1 (AAA) · on black 1.09:1 (Fail)
Export Cocoa Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daebf6;
--surface: #477694;
--muted: #7e6084;
--primary: #88593a;
--accent: #42633f;
--text: #01111a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daebf6;
--color-surface: #477694;
--color-muted: #7e6084;
--color-primary: #88593a;
--color-accent: #42633f;
--color-text: #01111a;
}JSON (DTCG tokens)
{
"cocoa-atelier-4w2": {
"bg": {
"$type": "color",
"$value": "#daebf6"
},
"surface": {
"$type": "color",
"$value": "#477694"
},
"muted": {
"$type": "color",
"$value": "#7e6084"
},
"primary": {
"$type": "color",
"$value": "#88593a"
},
"accent": {
"$type": "color",
"$value": "#42633f"
},
"text": {
"$type": "color",
"$value": "#01111a"
}
}
}About this palette
Cocoa Atelier is a 6-color OKLCH-ready palette tagged yellow, warm, 6 colors. Hex values: #DAEBF6, #477694, #7E6084, #88593A, #42633F, #01111A. APCA contrast score Lc 8.2. 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 Cocoa Atelier by OKLab color distance.