Cocoa Summit color palette — #FFF0F8 · #E4CDFF · #DEA4D3 · #B57D8F · #783B1E

Bronze takes the lead with Carnation close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Thistle (#E4CDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Carnation (#DEA4D3): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B57D8F): A luminous, dusty rose — the color of a warm blush.
• Bronze (#783B1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

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

• Ancient Driftwood Bloom color palette (#FFF1F5, #F9D2E2, #D593C2, #A9638B, #68453F)
• Muted Studio color palette (#DAFFF0, #BFD6FF, #B2AEEE, #A685B3, #654348)
• Stone Summit color palette (#FFF1F3, #FFC7DB, #EFA3A3, #C2866C, #544E48)
• Feathered Coral Harbor color palette (#F8E6F4, #F69AC0, #E06E72, #B4562F, #533100)
• Wisteria Workshop color palette (#FFF1F2, #F7C1EB, #8ED9BF, #D090C3, #445337)
• Quiet Corridor color palette (#E8D6FF, #FF9BF0, #FF5D9F, #D94C55, #6B2200)
• Scarlet Villa color palette (#F5E6F0, #EC6487, #D52D1C, #804300, #2F1F00)
• Teal Alley color palette (#FFF2F0, #F3B1CB, #8CCEAF, #58B4B4, #543B39)

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