Cocoa Summit color palette — #FFF3EA · #E6CE9C · #A07157 · #733D0B · #312A24

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Wheat (#E6CE9C): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A07157): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#733D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#312A24): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Summit 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

• Softworn Mustard Pier color palette (#F9F6E5, #DFC07E, #707742, #4E4200, #252213)
• Aged Driftwood Meadow color palette (#FCF2F7, #BEEDF3, #A77B60, #613C25, #22181D)
• Aged Pewter color palette (#FCF2F7, #BFEAD0, #B890A8, #8C614E, #33272E)
• Wandering Sand color palette (#FBF4ED, #FFC38D, #87A86A, #AB835F, #2E2E27)
• Patina Amber color palette (#EAE0C4, #B88A00, #4D4700, #1E1B00, #040200)
• Bronze Grove color palette (#FBE0C9, #936E00, #432200, #1B1F16, #0D0400)
• Washed Mustard Villa color palette (#FFF4E2, #D8BB65, #849B6F, #5A6F93, #584500)
• Muted Boulevard color palette (#FFF3E8, #E89454, #67A8AD, #657BA0, #5B3100)

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