Palette · 6 colors · Lc 10
Pure Chocolate Bells Drift palette
Pure Chocolate Bells Drift: a 6-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FBF6E8, #C9B088, #9D7E50, #7E5231, #562D0D, #221102, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBF6E8
surface
#C9B088
muted
#9D7E50
primary
#7E5231
accent
#562D0D
text
#221102
Colors in Pure Chocolate Bells Drift: HEX, RGB, HSL & OKLCH
- #FBF6E8 color page →
bg
#FBF6E8
- RGB
- rgb(251 246 232)
- HSL
- hsl(44 70% 95%)
- OKLCH
- oklch(0.973 0.019 90.5)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.44:1 (AAA)
- #C9B088 color page →
surface
#C9B088
- RGB
- rgb(201 176 136)
- HSL
- hsl(37 38% 66%)
- OKLCH
- oklch(0.769 0.061 79.3)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.04:1 (AAA)
- #9D7E50 color page →
muted
#9D7E50
- RGB
- rgb(157 126 80)
- HSL
- hsl(36 32% 46%)
- OKLCH
- oklch(0.612 0.073 76.6)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)
- #7E5231 color page →
primary
#7E5231
- RGB
- rgb(126 82 49)
- HSL
- hsl(26 44% 34%)
- OKLCH
- oklch(0.48 0.076 56.6)
WCAG contrast: on white 6.69:1 (AA) · on black 3.13:1 (Fail)
- #562D0D color page →
accent
#562D0D
- RGB
- rgb(86 45 13)
- HSL
- hsl(26 74% 19%)
- OKLCH
- oklch(0.345 0.074 54.5)
WCAG contrast: on white 11.81:1 (AAA) · on black 1.77:1 (Fail)
- #221102 color page →
text
#221102
- RGB
- rgb(34 17 2)
- HSL
- hsl(28 89% 7%)
- OKLCH
- oklch(0.198 0.04 63.4)
WCAG contrast: on white 18.27:1 (AAA) · on black 1.14:1 (Fail)
Export Pure Chocolate Bells Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbf6e8;
--surface: #c9b088;
--muted: #9d7e50;
--primary: #7e5231;
--accent: #562d0d;
--text: #221102;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbf6e8;
--color-surface: #c9b088;
--color-muted: #9d7e50;
--color-primary: #7e5231;
--color-accent: #562d0d;
--color-text: #221102;
}JSON (DTCG tokens)
{
"pure-chocolate-bells-drift-20s": {
"bg": {
"$type": "color",
"$value": "#fbf6e8"
},
"surface": {
"$type": "color",
"$value": "#c9b088"
},
"muted": {
"$type": "color",
"$value": "#9d7e50"
},
"primary": {
"$type": "color",
"$value": "#7e5231"
},
"accent": {
"$type": "color",
"$value": "#562d0d"
},
"text": {
"$type": "color",
"$value": "#221102"
}
}
}About this palette
Pure Chocolate Bells Drift is a 6-color OKLCH-ready palette tagged yellow, warm, nature, brown, 6 colors. Hex values: #FBF6E8, #C9B088, #9D7E50, #7E5231, #562D0D, #221102. 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 Pure Chocolate Bells Drift by OKLab color distance.