Charred Cocoa color palette — #EFE2DA · #723E00 · #372400 · #1B1200 · #010100

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

The five colors

• Parchment (#EFE2DA): bright and airy, almost weightless.
• Bronze (#723E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#372400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1B1200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Bronze Ridge color palette (#FFE4DF, #9E5000, #5C3B00, #171300, #010100)
• Cellar Garnet color palette (#F1DEDF, #8D1600, #551C00, #1F0B00, #030100)
• Chestnut Hollow color palette (#F2EFE1, #735F00, #332A00, #111A1D, #0A0700)
• Onyx Orchard color palette (#F2EAD3, #4A3900, #003840, #3E003C, #020100)
• Timeworn Corridor color palette (#E7E0C8, #838F45, #007B32, #402300, #030200)
• Fern Meadow color palette (#FCE4F0, #006980, #4D5900, #070D07, #020100)
• Marigold Quarry color palette (#FAE5D4, #D59300, #896B00, #574A00, #262900)
• Muted Archive color palette (#E3EFD2, #2CA009, #007239, #004934, #001F19)

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