Cocoa Summit color palette — #EAE4E0 · #B1A291 · #988365 · #693600 · #0F0702

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EAE4E0): a clean, paper-quiet neutral.
• Taupe (#B1A291): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#988365): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#0F0702): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, 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 Summit color palette (#ECDEDB, #B0A19B, #A57C67, #7F0F32, #130503)
• Muted Archive color palette (#E8E0DA, #C5B9A6, #95937C, #632700, #030100)
• Bronze Studio color palette (#EFE1D7, #A79783, #846E25, #481C00, #110702)
• Fern Pier color palette (#ECEBE0, #B5B6A4, #939977, #465C00, #161405)
• Pale Amber Canyon color palette (#FBE5C7, #D27500, #A46D00, #6E5E00, #070400)
• Wandering Olive color palette (#FBEFD1, #7A7A2C, #445D1A, #003533, #001418)
• Hushed Archive color palette (#E8E4D4, #687F15, #2E5000, #3E2500, #040700)
• Patina Bronze Ridge color palette (#F8F5EF, #D8DBD1, #B9C3AD, #967E36, #3E3A34)

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