Cocoa Summit color palette — #FDF1F9 · #C2AC7E · #774031 · #412238 · #25191B

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Camel (#C2AC7E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#774031): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#412238): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#25191B): 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

• Aged Onyx Orchard color palette (#F8EEF7, #AEBA86, #7A433F, #471312, #140713)
• Hushed Bronze color palette (#FFF2ED, #BFCA9E, #9D5E58, #613430, #2B1E19)
• Aged Chestnut color palette (#EEF8F0, #C6AB72, #684C00, #1C3522, #0D1E1B)
• Chalky Chestnut color palette (#FBF2F7, #DD9E7B, #727500, #974400, #132921)
• Dusty Amber Cabin color palette (#FFF2EC, #EED296, #D07A63, #69615D, #2C1E17)
• Amber Canyon color palette (#FADBE8, #B88A00, #5A2D00, #2C1300, #0D0800)
• Charred Chestnut Summit color palette (#DDEDDE, #785900, #2A2532, #1D1200, #040200)
• Aged Bronze color palette (#FFF0F9, #B46B4D, #1D817A, #2A5583, #422A39)

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