Cocoa Summit color palette — #DEEFF8 · #A8BFD6 · #7C8BB1 · #795C70 · #604320

Cocoa and Slate Blue set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DEEFF8): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A8BFD6): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7C8BB1): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#795C70): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#604320): A full-bodied, dusty gold — the color of honey in a jar.

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

• Aged Boulevard color palette (#EDF7FF, #BBC8DF, #9698B4, #856875, #385544)
• Tempered Parlor color palette (#C1EAF0, #8DB9BF, #57798A, #6D4906, #2D4B2C)
• Driftwood Workshop color palette (#C7E1FF, #ADB9DC, #9980A7, #526D50, #2E4B3D)
• Pewter Pier color palette (#E5F2FC, #7E97BB, #6E62A0, #723917, #362600)
• Basalt Station color palette (#E1ECD6, #97CFE1, #A49AD0, #958465, #553D00)
• Muted Chestnut color palette (#DCFFEA, #EACBEF, #989DD1, #945734, #3A352F)
• Washed Basin color palette (#DDE0FC, #7F698F, #6F3C5A, #332E00, #061500)
• Linen Lilac color palette (#D1E2FE, #B9A3FA, #AA73A7, #825C17, #353D00)

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