Cocoa Summit color palette — #DCE6F6 · #98A4C8 · #717297 · #6A3F49 · #301F2E

A conversation between Cocoa and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#DCE6F6): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#98A4C8): A luminous, dusty violet — the color of wild irises.
• Slate (#717297): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#6A3F49): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#301F2E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged vintage, retro, 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

• Pewter Lagoon color palette (#E2E1FF, #A69BC2, #955C78, #5F3D4F, #183017)
• Softworn Driftwood Grove color palette (#DEE5FF, #B0B0D2, #A47DA2, #6B5267, #452C3B)
• Weathered Garnet Corridor color palette (#EAE9F9, #806B97, #683D67, #551811, #200800)
• Frosted Terrace color palette (#E8D9F5, #B87CBE, #9D4A7F, #6A2700, #341D00)
• Wandering Orchard color palette (#DEF7E8, #82A5D2, #867298, #615000, #2F4200)
• Faded Blush color palette (#FFD2ED, #DA8EA6, #A86368, #6B4F19, #3A3104)
• Dusty Cerulean color palette (#EBF4F3, #A9CDE2, #0087B4, #005A64, #002337)
• Ancient Pewter Basin color palette (#E9F8FF, #C0DEFF, #9E94BE, #747241, #203C35)

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