Deep Cocoa color palette — #F9E9F0 · #7E3F00 · #32312A · #1F1700 · #060100

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

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#32312A): a grounded near-black with real depth.
• Ink (#1F1700): A deep, shadowed, dusty green — the color of fresh herbs.
• 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 Deep 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

• Cocoa Station color palette (#D9E7DC, #574200, #2E2F28, #091000, #000301)
• Ancient Study color palette (#ECDCCF, #5E626A, #773B00, #1A1C13, #080500)
• Moonless Bronze color palette (#F3E2E9, #9E5500, #472B00, #1E100A, #140009)
• Patina Terracotta Corridor color palette (#F9EAF3, #912A00, #4C5405, #241500, #080005)
• Worn Hollow color palette (#DBF5E9, #757700, #003C38, #011B12, #000601)
• Antique Grove color palette (#CFECE8, #63A162, #375257, #203230, #121B17)
• Moss Harbor color palette (#DFF2DF, #8F8601, #3A5F00, #54224B, #121000)
• Timeworn Amber Alley color palette (#EAF5EB, #BD9350, #475E55, #313B32, #261F23)

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