Charred Cocoa color palette — #FEE0EF · #823C00 · #2A291F · #271300 · #060100

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

The five colors

• Blush (#FEE0EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#823C00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2A291F): quiet, heavy and certain.
• Ink (#271300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Velvet Parlor color palette (#FAE4F9, #9D0027, #2D2618, #340400, #090001)
• Obsidian Chestnut Villa color palette (#E5F4E7, #6A4D00, #1E1800, #0C0814, #040200)
• Wandering Atelier color palette (#EEDDD1, #A84B00, #412F00, #1E1D0F, #100400)
• Muted Bronze color palette (#FEE3CB, #A26700, #6D4C00, #433200, #150F00)
• Weathered Lagoon Lantern color palette (#DCF2F0, #389770, #00614E, #4D3100, #00140B)
• Shadow Hollow color palette (#D6EFE8, #4A6D00, #052D04, #1B1F26, #050C00)
• Quiet Garnet Boulevard color palette (#E0EFE5, #7A6400, #006C45, #8F0409, #0B0700)
• Moss Boulevard color palette (#D4EBE2, #7B8A0E, #1C4940, #01291E, #05100B)

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