Cocoa Summit color palette — #FFEEE7 · #ACA1E0 · #876C96 · #7C3E23 · #38262E

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

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Mauve (#ACA1E0): A luminous, balanced violet — the color of wild irises.
• Slate (#876C96): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#7C3E23): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#38262E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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

• Hushed Chapel color palette (#FFEEE3, #D792BF, #9A6875, #714800, #3B2525)
• Washed Sky Ridge color palette (#EDF6E0, #69B4E5, #5C79A9, #6C464A, #1D302C)
• Muted Periwinkle color palette (#E9FBEC, #99A3DB, #886A94, #6A5628, #41465D)
• Timeworn Olive Canyon color palette (#F5F8E1, #92C6E4, #9E88AE, #6F742D, #514250)
• Aged Iris color palette (#FCE7EF, #8D70C3, #4C333B, #261A1F, #100B0D)
• Hushed Bronze color palette (#FFECF2, #E3BFC6, #AA8D8D, #93592F, #613900)
• Misty Orchid Basin color palette (#FFEEE5, #BF62E0, #9B2B82, #642B00, #2B0E2E)
• Washed Turquoise color palette (#F2F3EA, #BDEAE3, #64A8BA, #587358, #273B31)

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