Cocoa Summit color palette — #F8F5EE · #E5CE9F · #907B47 · #654700 · #302A20

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Wheat (#E5CE9F): A whisper-light, dusty gold — the color of old brass.
• Walnut (#907B47): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#302A20): a grounded near-black with real depth.

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

• Patina Stone color palette (#FBF4E9, #D8BC88, #6F5C29, #3C3832, #25261B)
• Patina Hollow color palette (#F7F5EF, #DCD492, #3CB292, #988E42, #2A3025)
• Driftwood Thicket color palette (#EEF8F0, #B4E2EC, #968459, #324E3A, #161E18)
• Patina Studio color palette (#F3ECDC, #936E00, #332B00, #1A221B, #080600)
• Antique Bone color palette (#EEF8F0, #C3EACA, #86A88F, #587560, #262E28)
• Washed Basin color palette (#E1DFCC, #CC9D23, #4D5E00, #242D00, #0E0B00)
• Hushed Fern color palette (#FEF4E4, #AFC897, #5AA38A, #74668F, #474D00)
• Timeworn Mustard color palette (#FAF5EA, #BFAA5A, #5EA3D5, #816FA5, #403D36)

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