Charred Cocoa color palette — #FFEAE5 · #763600 · #442900 · #171000 · #020200

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FFEAE5): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#763600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#442900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#171000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020200): 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

• Shadow Parlor color palette (#FDD6DF, #960015, #4D1900, #220D00, #020100)
• Terracotta Lagoon color palette (#F3E0DF, #A63F00, #4A2F00, #1D1A00, #050900)
• Shadow Chestnut Delta color palette (#EBE7D3, #746000, #372C00, #0E0900, #020100)
• Nightshade Coast color palette (#ECE0D1, #684400, #221F9C, #2C1A00, #00000B)
• Smoked Garden color palette (#F6EBD3, #4C3800, #002974, #14006F, #020100)
• Smoked Lagoon color palette (#FFE9ED, #006981, #694D00, #0D0D06, #020100)
• Frosted Moss Workshop color palette (#EDE2D2, #908F00, #008155, #531A00, #040300)
• Washed Bronze Lantern color palette (#F8E5D8, #AB7500, #695800, #2E3200, #0C1D00)

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