Cocoa Summit color palette — #E8F8FF · #3D97A2 · #006E8A · #7D2700 · #004047

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cerulean (#3D97A2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7D2700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004047): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Muted Denim color palette (#ECF7FE, #4294B3, #47619C, #5F4200, #003E52)
• Garnet Boulevard color palette (#E9F9F5, #7B925A, #006F83, #831631, #2C4000)
• Wandering Garnet Pier color palette (#C7F0FF, #007D85, #91040A, #442E00, #1F2000)
• Chestnut Garden color palette (#DEFCFD, #94BEC0, #6C8995, #795B36, #29594E)
• Airy Grape color palette (#E9F6EC, #229EAE, #6E52A2, #731E1A, #1D2100)
• Wandering Petrol color palette (#D5E8F2, #007E99, #263248, #0A222D, #060E15)
• Muted Garnet color palette (#D3EFFD, #006372, #6B0015, #002524, #020E19)
• Dusty Pine color palette (#F8F3F8, #C2E3EC, #5294AB, #297436, #2C4A6A)

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