Charred Cocoa color palette — #FAE3E6 · #7E4250 · #532900 · #001F2A · #00030D

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

The five colors

• Rose Water (#FAE3E6): A whisper-light, dusty red — the color of a theater curtain.
• Coffee (#7E4250): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#532900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#001F2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00030D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Charred Villa color palette (#F4E0EC, #714C7D, #63001C, #001F18, #000405)
• Charred Onyx Corridor color palette (#FEEAEC, #7F4D1F, #3B3B00, #0C0F47, #04000E)
• Wandering Chestnut color palette (#FFE6E5, #96533E, #63340D, #1F2500, #00140E)
• Smoked Cocoa Drift color palette (#FFE9DD, #602900, #003747, #16193B, #030100)
• Smoked Garnet color palette (#F3D8DF, #990113, #561900, #1F0C00, #020100)
• Weathered Chapel color palette (#F2D5E8, #AD5C54, #6B4715, #003A4E, #001822)
• Midnight Delta color palette (#FAEBE4, #8B1D00, #003681, #3D0700, #000106)
• Bronze Balcony color palette (#F0DEE3, #B98B7B, #7E6830, #543853, #2E132C)

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