Cocoa Summit color palette — #CCEACF · #97C2B1 · #9F849A · #8F6160 · #6B3B00

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

The five colors

• Celadon Mist (#CCEACF): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#97C2B1): A luminous, dusty teal — the color of sea glass.
• Heather (#9F849A): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#8F6160): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6B3B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Harbor color palette (#DAF9E6, #C3ACC6, #A08093, #91533E, #664100)
• Worn Courtyard color palette (#B5F0D2, #A2CFE7, #A1A8C9, #9F7786, #533842)
• Softworn Orchard color palette (#E4EBD0, #A6B8A2, #769C88, #81527A, #603138)
• Muted Chestnut Terrace color palette (#E0E6BE, #8BAC93, #6870A0, #704E00, #414200)
• Glacier Boulevard color palette (#DAFDFF, #9CDAFF, #889BC0, #735B70, #533140)
• Bronze Study color palette (#FEF0FE, #E4CEDA, #B89EA2, #A47D3D, #5F5000)
• Antique Garden color palette (#D6EBF0, #799DBD, #6769A7, #842D16, #361F00)
• Antique Cabin color palette (#DAECFF, #A0A9EC, #A86EC0, #8D5300, #454000)

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