Cocoa Summit color palette — #C4E4F4 · #006777 · #792F00 · #003038 · #080100

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Powder Blue (#C4E4F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006777): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#792F00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, 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

• Mulberry Balcony color palette (#D6EEF3, #006A63, #880047, #00312E, #0A0002)
• Hazy Delta color palette (#E2EFFF, #0059B0, #713700, #002856, #070200)
• Aged Fern Delta color palette (#DDF0F8, #006B78, #4D5000, #00333A, #101100)
• Garnet Delta color palette (#D6EBF1, #005263, #780900, #482400, #000102)
• Pale Terracotta Orchard color palette (#D7F5E0, #00869A, #A44500, #004E5A, #1F0700)
• Hushed Boulevard color palette (#E5F1CF, #986000, #00679F, #090B16, #000103)
• Shadow Petrol Boulevard color palette (#CDE4F1, #007AA1, #00415D, #001420, #000103)
• Hushed Olive Summit color palette (#DEF2E5, #008DA6, #626F00, #004451, #010100)

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