Charred Cocoa color palette — #FCDBC8 · #794200 · #4D1300 · #230006 · #020100

Bronze and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FCDBC8): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#794200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4D1300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#230006): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

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

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

• Eclipse Fern color palette (#F8EAD3, #575500, #362700, #1A0900, #010100)
• Ancient Basin color palette (#ECDBCC, #AB7E00, #7D4500, #531D10, #140D00)
• Worn Cocoa color palette (#F6DEED, #976037, #772700, #4B0009, #070200)
• Timeworn Summit color palette (#F2DFC2, #7D7400, #583F00, #381900, #030700)
• Midnight Cocoa color palette (#FADDF2, #006A7E, #893200, #100A03, #030100)
• Navy Bloom color palette (#F8EBD2, #423500, #140D7B, #060045, #020100)
• Hazy Amber Parlor color palette (#FFE3CF, #D39030, #A05322, #692F2D, #231B00)
• Hushed Orchard color palette (#FDF0D8, #A9B181, #84743A, #6C4100, #24240E)

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