Charred Cocoa color palette — #F8D8D1 · #822800 · #491A00 · #210C00 · #030100

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F8D8D1): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#822800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#491A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#210C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

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

• Cellar Boulevard color palette (#FFEAEC, #C01529, #602400, #201000, #020100)
• Twilit Chestnut color palette (#F4E2D1, #835000, #432400, #120600, #020100)
• Onyx Balcony color palette (#F3DBCC, #5C2D00, #2B3600, #44002A, #030100)
• Bronze Terrace color palette (#FFEBD7, #A68757, #7E6807, #4D2200, #030100)
• Gentle Bronze Terrace color palette (#F2E2D9, #BF6A00, #7B4C00, #492F00, #211400)
• Velvet Mulberry color palette (#FBE9F3, #8B005B, #57002C, #27000D, #060001)
• Lowlit Study color palette (#FFDDDC, #00722D, #644F00, #0B0D06, #020100)
• Linen Bronze Thicket color palette (#F1E6CC, #BFAA57, #8D8114, #524F00, #312900)

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