Palette · 4 colors · Lc 8.6
Chocolate Bells Ribbon palette
Chocolate Bells Ribbon: a 4-color palette (Yellow, Gray, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #EBE1D9, #BF9D81, #764E2D, #2D1605, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBE1D9
surface
#BF9D81
accent
#764E2D
text
#2D1605
Colors in Chocolate Bells Ribbon: HEX, RGB, HSL & OKLCH
- #EBE1D9 color page →
bg
#EBE1D9
- RGB
- rgb(235 225 217)
- HSL
- hsl(27 31% 89%)
- OKLCH
- oklch(0.915 0.015 61.3)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.30:1 (AAA)
- #BF9D81 color page →
surface
#BF9D81
- RGB
- rgb(191 157 129)
- HSL
- hsl(27 33% 63%)
- OKLCH
- oklch(0.72 0.056 61.2)
WCAG contrast: on white 2.51:1 (Fail) · on black 8.35:1 (AAA)
- #764E2D color page →
accent
#764E2D
- RGB
- rgb(118 78 45)
- HSL
- hsl(27 45% 32%)
- OKLCH
- oklch(0.461 0.072 59.2)
WCAG contrast: on white 7.24:1 (AAA) · on black 2.89:1 (Fail)
- #2D1605 color page →
text
#2D1605
- RGB
- rgb(45 22 5)
- HSL
- hsl(26 80% 10%)
- OKLCH
- oklch(0.229 0.047 55.4)
WCAG contrast: on white 17.09:1 (AAA) · on black 1.22:1 (Fail)
Export Chocolate Bells Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebe1d9;
--surface: #bf9d81;
--accent: #764e2d;
--text: #2d1605;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebe1d9;
--color-surface: #bf9d81;
--color-accent: #764e2d;
--color-text: #2d1605;
}JSON (DTCG tokens)
{
"chocolate-bells-ribbon-4mw": {
"bg": {
"$type": "color",
"$value": "#ebe1d9"
},
"surface": {
"$type": "color",
"$value": "#bf9d81"
},
"accent": {
"$type": "color",
"$value": "#764e2d"
},
"text": {
"$type": "color",
"$value": "#2d1605"
}
}
}About this palette
Chocolate Bells Ribbon is a 4-color OKLCH-ready palette tagged yellow, gray, warm, 4 colors. Hex values: #EBE1D9, #BF9D81, #764E2D, #2D1605. APCA contrast score Lc 8.6. 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 Chocolate Bells Ribbon by OKLab color distance.