Charred Cocoa color palette — #FFE5CA · #764000 · #003E48 · #001D23 · #040000

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

The five colors

• Parchment (#FFE5CA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#764000): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#003E48): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001D23): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Obsidian Basalt Thicket color palette (#F0E5C8, #494500, #002B3B, #000C1C, #040001)
• Lowlit Brick color palette (#FFE2D5, #B01500, #003C4B, #001921, #030005)
• Obsidian Chestnut Lantern color palette (#FCE9D6, #925700, #004547, #1D003D, #020007)
• Fern Archive color palette (#F2EBCE, #4C575C, #5C4C00, #121812, #030700)
• Ancient Archive color palette (#F9D7CA, #BF7F00, #5A4B00, #1A2800, #000200)
• Navy Atelier color palette (#FBDBBB, #794300, #002682, #060051, #040002)
• Olive Hollow color palette (#EEEADC, #7D7900, #656200, #004480, #040100)
• Cocoa Archive color palette (#F5ECE4, #DBCEB5, #ADA77F, #713F00, #050200)

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