Cocoa Summit color palette — #FAF4ED · #DFE2CC · #A37E53 · #633C00 · #211A13

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#DFE2CC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A37E53): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#211A13): 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 Pine color palette (#F5F7E9, #E8E0B6, #578354, #244122, #0F1103)
• Patina Amber color palette (#F0F0D6, #D59236, #2A4500, #1D2728, #040A00)
• Antique Chestnut color palette (#F9F0E6, #DDBF8B, #825717, #35302A, #19130B)
• Timeworn Taupe color palette (#F1F7F1, #F3DAB1, #C0955E, #5C745B, #272D27)
• Bronze Station color palette (#F4E8D6, #997400, #261900, #0C0C06, #020100)
• Tempered Amber Delta color palette (#F9F4EF, #E0DFCD, #6AC2A6, #CC8B0A, #1A2114)
• Timeworn Mustard color palette (#F9F5E8, #DEB36E, #585300, #1B1900, #020100)
• Hushed Villa color palette (#FFF3E8, #E8DEAB, #7CB090, #8A628C, #494000)

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