Cocoa Summit color palette — #E6DEE2 · #B1BDB2 · #719887 · #6C3200 · #2D1723

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Silver (#E6DEE2): bright and airy, almost weightless.
• Stone (#B1BDB2): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#719887): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6C3200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D1723): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Basalt Meadow color palette (#E8F1EC, #AABEB9, #739695, #4E4500, #0F241A)
• Washed Chestnut Atelier color palette (#EFE2E7, #BBC9BA, #8EAE93, #8E4E00, #2C1821)
• Cocoa Study color palette (#F5EDE5, #BFB0A0, #9F8A6C, #653600, #140700)
• Aged Garnet Courtyard color palette (#EAE4EB, #C2B4BE, #A78290, #81003A, #28182C)
• Hushed Villa color palette (#F0F7F1, #C3D8CF, #8FB18D, #725500, #223927)
• Ancient Spruce Pier color palette (#E1ECE7, #8E9D9A, #577779, #2E2D00, #000D06)
• Timeworn Navy Pier color palette (#F8DCDE, #A6815F, #5B5719, #282976, #3C0D39)
• Garnet Harbor color palette (#D2E7DC, #678456, #005234, #580628, #0D2000)

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