Charred Cocoa color palette — #FBD8CB · #893700 · #4A2000 · #180800 · #040100

Built around Burnt Sienna, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FBD8CB): A whisper-light, dusty orange — the color of autumn markets.
• Burnt Sienna (#893700): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4A2000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#180800): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

One click turns Charred Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Cocoa Dune color palette (#E9E1CD, #5B4A00, #352F00, #0E0D00, #010200)
• Nocturne Bloom color palette (#FBE2CD, #733C00, #60006E, #311600, #030004)
• Softworn Atelier color palette (#FFDEDD, #C43D00, #662E00, #271700, #020100)
• Mulberry Lagoon color palette (#F9E5E8, #9B0034, #55000F, #260001, #040000)
• Moonless Basin color palette (#FAE2C7, #543300, #163B00, #46001C, #020100)
• Worn Study color palette (#FEE9D8, #B56E00, #764E00, #432F00, #1E1500)
• Patina Amber Corridor color palette (#F3E5D0, #A9862B, #6F6800, #4A2700, #030200)
• Feathered Amber Corridor color palette (#FFE3D4, #E57D00, #995900, #5D3900, #312000)

Browse the whole catalog at Explore, or see today's palette.