Cocoa Summit color palette — #FFEEE2 · #CDA17E · #97694D · #733B10 · #2C2013

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CDA17E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#97694D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#733B10): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2C2013): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Bronze color palette (#FAF1E2, #C9BB8B, #A17C3A, #774E06, #312C1E)
• Antique Meadow color palette (#F3DCC7, #BA8F62, #8F541F, #5F3000, #231502)
• Bronze Harbor color palette (#FFF0F8, #C49F7C, #95664B, #6F453C, #2F4332)
• Moss Canyon color palette (#F4E9C8, #9DA93B, #736E08, #504300, #211D00)
• Muted Stone Delta color palette (#F0F4E6, #B8B86F, #31613F, #242B07, #0C0D06)
• Chestnut Alley color palette (#FCE4D0, #865500, #512C00, #2A0F00, #030100)
• Lagoon Garden color palette (#EAF7E3, #009C85, #4E76AF, #5F5119, #131E0C)
• Ancient Petrol color palette (#EEF4ED, #58C8C0, #0081A2, #00746E, #01130A)

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