Cocoa Summit color palette — #E0F1F3 · #00604F · #673500 · #312600 · #000302

A conversation between Bronze and Pine, giving this palette its sense of nature and growth.

The five colors

• Frost (#E0F1F3): bright and airy, almost weightless.
• Pine (#00604F): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#673500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#312600): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000302): quiet, heavy and certain.

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

• Worn Cocoa color palette (#D9F6E4, #005B6E, #6C2E00, #1E2F00, #001015)
• Charred Fern Station color palette (#D7E5F0, #00597C, #3D4A00, #003113, #000205)
• Chalky Mulberry color palette (#E9EDFF, #7A5BC4, #A72743, #3E3A00, #020008)
• Ultramarine Cabin color palette (#E3EEFF, #345FB8, #006729, #004038, #000423)
• Shadow Mulberry Drift color palette (#F0E5F7, #991D5C, #5B2300, #201A00, #000501)
• Hushed Abyss Study color palette (#DFEFFA, #007699, #5C6100, #064909, #000D14)
• Charred Parlor color palette (#D4E3F2, #003863, #153200, #00170F, #000104)
• Aubergine Atelier color palette (#E4E4FF, #72209E, #7D1700, #3C2000, #05000A)

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