Cocoa Summit color palette — #FFF3E9 · #CC8658 · #725B00 · #7B3B00 · #211603

Built around Bronze, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#CC8658): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#725B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#7B3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#211603): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Garnet Boulevard color palette (#FFF2ED, #CA8382, #924500, #921628, #271201)
• Tempered Coast color palette (#FBF4EB, #D0A66D, #777200, #815500, #292412)
• Fern Atelier color palette (#FAF5E9, #A99C33, #1E701D, #595100, #181A02)
• Linen Bronze Atelier color palette (#FCEDD0, #A87E21, #635D00, #004C3F, #3C2F01)
• Bronze Market color palette (#FFDCAF, #BF9D52, #7E6A00, #484300, #2C3100)
• Quiet Terracotta Studio color palette (#FBEFE9, #D98679, #12791F, #A10901, #060700)
• Wandering Cabin color palette (#FAF4EE, #DADACE, #BAB2A5, #855927, #543100)
• Moonless Bronze color palette (#EADDC9, #826300, #273A00, #322400, #020200)

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