Cocoa Summit color palette — #FFF2EE · #E0DACE · #A5B9D5 · #B8918F · #7B3E20
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DACE): a clean, paper-quiet neutral.
- Ash (#A5B9D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#B8918F): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#7B3E20): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Muted Taupe color palette (#FFF1F3, #E3D8D1, #A8B89F, #C799AB, #5C4647)
- Patina Chestnut Orchard color palette (#FFF3E3, #B8EDD4, #9CD8BC, #B1896B, #684D00)
- Aged Bronze Studio color palette (#FEF3E7, #D9C8AB, #AE977C, #9C6735, #594500)
- Muted Coral color palette (#FFF2EF, #E1DBC9, #E8CC7E, #D87082, #613927)
- Apricot Summit color palette (#FFF3E9, #D79C73, #5EA8B6, #647AA6, #5C3100)
- Bronze Basin color palette (#F9E8E7, #D2977A, #AD7A16, #813049, #270300)
- Bronze Summit color palette (#FEF3EC, #E5CDA9, #A86E42, #733D0C, #332922)
- Gentle Emerald color palette (#FCEECB, #B4B765, #54A467, #754700, #181600)
Browse the whole catalog at Explore, or see today's palette.