Cocoa Summit color palette — #FFF1F4 · #C4A2C9 · #BB8E69 · #89628F · #704000

Bronze takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C4A2C9): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#BB8E69): A luminous, dusty gold — the color of honey in a jar.
• Slate (#89628F): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication. Tagged 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 Pewter Cabin color palette (#FFF0F7, #B1A7DF, #C4877D, #7469A0, #534B48)
• Ancient Pewter Quarry color palette (#FFF2F0, #DB9AB3, #AA975D, #9C5B75, #504D46)
• Weathered Pewter Pier color palette (#FFF2EF, #D89DA8, #8697C6, #A15A6A, #5F425A)
• Driftwood Ridge color palette (#FFF1F2, #E2D7D1, #CBBF99, #A3757F, #5E4C4C)
• Violet Cabin color palette (#FDEDF1, #C4A6D1, #72AC7C, #9154A9, #183920)
• Worn Thicket color palette (#FFF2EC, #D88677, #789646, #A24335, #43433C)
• Timeworn Driftwood Archive color palette (#FFF1F2, #EAC0E1, #A3759A, #653D5F, #4C2B45)
• Patina Chestnut color palette (#FFF2EE, #D9B99F, #79534A, #4F2F27, #2D2319)

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