Charred Cocoa color palette — #FFE6F0 · #663500 · #32332C · #170B00 · #040002

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

The five colors

• Blush (#FFE6F0): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#32332C): a grounded near-black with real depth.
• Ink (#170B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Bronze Lagoon color palette (#F3E0C9, #916700, #5D4500, #2F2500, #0C0A00)
• Basalt Study color palette (#DBE7DC, #54474B, #483200, #151D24, #090600)
• Velvet Garnet Market color palette (#F0E0F2, #81002D, #302819, #240001, #030004)
• Aged Fern Veranda color palette (#CEE5DB, #5A5D00, #00594C, #642600, #040400)
• Bronze Meadow color palette (#E3F1EA, #908517, #294139, #12221A, #080E0A)
• Twilit Balcony color palette (#DAF3EE, #2A6500, #26292F, #00210A, #000706)
• Muted Grove color palette (#DBEAE7, #61A9B5, #006376, #003939, #000D14)
• Twilit Grove color palette (#F0D9E7, #742700, #34332C, #1B0900, #040002)

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