Cocoa Summit color palette — #FFF3E7 · #F0D5AD · #D3AE8C · #A58C7C · #5D4300

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F0D5AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D3AE8C): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A58C7C): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Worn Chestnut Dune color palette (#FEECF3, #AEC1AD, #9D7685, #744E36, #223024)
• Antique Powder Field color palette (#FEF0FF, #98C6FF, #E5A58B, #A89874, #453846)
• Quiet Ridge color palette (#FFECCE, #DCC957, #C79D3B, #A5743D, #37352F)
• Timeworn Veranda color palette (#FFF1F6, #C7F3E9, #CD9FB2, #8B7184, #30453A)
• Soft Mustard Veranda color palette (#F3E5C8, #B5B952, #A48D28, #896422, #282505)
• Hushed Parlor color palette (#F2E4D4, #B58800, #986000, #743B10, #0E0B00)
• Weathered Sand Pier color palette (#ECF8F5, #F6DBA3, #79AA9D, #52756C, #232E2B)
• Mallow Grove color palette (#FFF0FA, #DCD0FF, #CBABE3, #AF7DA5, #66334A)

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