Cocoa Summit color palette — #FFF0FA · #E4C9D6 · #CCA1AE · #957D76 · #783C1A
Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Oat (#E4C9D6): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#CCA1AE): A luminous, dusty rose — the color of a warm blush.
- Mocha (#957D76): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#783C1A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.
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
- Patina Ash color palette (#E5FCF0, #C8E1D8, #BAA2B7, #977F83, #5C4847)
- Antique Bronze Field color palette (#FFF1F2, #E4BEB8, #CA9193, #9B7333, #634B00)
- Weathered Ash Ridge color palette (#F2E4FF, #C298C4, #A3748F, #80543C, #39342F)
- Pewter Pier color palette (#F5E0F1, #BE84A2, #995566, #5E421F, #382A00)
- Softworn Coral color palette (#FFF1F4, #CC9DDA, #E58680, #7295BD, #503C41)
- Ancient Lilac color palette (#FFF1F5, #E5CCFF, #AF8DD0, #7A5F93, #502E3B)
- Teal Workshop color palette (#F3F6EF, #C6D8B7, #68AA9E, #6F8471, #485042)
- Aqua Lantern color palette (#FFF1F7, #C8BAF3, #41C7C9, #917FC3, #3C543D)
Browse the whole catalog at Explore, or see today's palette.