Cocoa Summit color palette — #EDF8F6 · #82A374 · #5D6F9E · #7E3F28 · #44451C

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Moss (#82A374): A luminous, dusty green — the color of new leaves after rain.
• Slate (#5D6F9E): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#7E3F28): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#44451C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Ancient Ridge color palette (#EAF8FB, #67A59C, #826195, #6C4D06, #224C37)
• Muted Mulberry Market color palette (#EBF9F2, #9B9B6C, #217C93, #7C385F, #464515)
• Patina Corridor color palette (#E2FCF7, #B7D0D1, #7D97A4, #82627C, #415544)
• Cobalt Harbor color palette (#EBF5ED, #43ADBD, #4A70B4, #5B3F6B, #202C0F)
• Ancient Ultramarine Station color palette (#E0FCFA, #1A954D, #4449B4, #6E2400, #003C19)
• Timeworn Meadow color palette (#F1F8EA, #6BE1B6, #A4A1DF, #A77B6A, #48413D)
• Powdered Cabin color palette (#F2F5FF, #8B7CC3, #864C79, #762F00, #00423C)
• Muted Cypress color palette (#FAF3F6, #D8DFF0, #7C9CBF, #227D7B, #44536F)

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