Cocoa Summit color palette — #F0F8EC · #60A79A · #81638F · #74453A · #603700

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

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Turquoise (#60A79A): A luminous, dusty teal — the color of glacier melt.
• Slate (#81638F): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#74453A): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#603700): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Abyss Pier color palette (#ECF9F0, #53A5B8, #896180, #5F5320, #2F4600)
• Dusty Pewter Market color palette (#EBF9F3, #78BBDC, #8188B8, #825787, #5E343B)
• Antique Petrol color palette (#E9F3FC, #74A3C1, #6A6AA5, #663964, #40181E)
• Bronze Hollow color palette (#F3F9DE, #BECEBF, #7D958F, #9C6436, #675100)
• Quiet Mulberry color palette (#E1FEE7, #008E9A, #942471, #672C00, #393000)
• Hushed Cerulean color palette (#DDFCDF, #74C1D2, #438BAD, #3E638A, #5E4459)
• Softworn Driftwood color palette (#FBF4EC, #CCC0A0, #89843B, #5D6B54, #604A00)
• Dusty Courtyard color palette (#ECF9EC, #A7F7E7, #91D6F7, #6C97C8, #375443)

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