Cocoa Summit color palette — #FFF0FE · #E4ADA4 · #A87360 · #864B2A · #6B3900

Bronze and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#E4ADA4): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#A87360): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#864B2A): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#6B3900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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 Archive color palette (#FFF2EC, #DAB495, #9E7745, #765514, #3E4C11)
• Aged Garden color palette (#FFF0FE, #DEAFCD, #A76D87, #804559, #6C3118)
• Apricot Field color palette (#FFF2EE, #FFCEC7, #F09F84, #C5815C, #663600)
• Wandering Grove color palette (#FFF1F5, #D69489, #966D54, #336457, #54414D)
• Worn Driftwood color palette (#F8F3F9, #E0D7D9, #B3ABA2, #927796, #565156)
• Antique Atelier color palette (#FFDED3, #E87D31, #9B5700, #643E00, #443100)
• Softworn Study color palette (#FFF0FA, #DCC1CD, #879586, #607873, #325151)
• Softworn Basin color palette (#FCE5C9, #A47700, #544600, #2B2700, #151800)

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