Cocoa Summit color palette — #F4E6CF · #A1A67E · #577E65 · #75522D · #623F00

Bronze and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E6CF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A1A67E): A luminous, dusty green — the color of fresh herbs.
• Fern (#577E65): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#75522D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#623F00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Bronze Boulevard color palette (#E7E6C2, #AAA98E, #827E35, #7D425B, #61391E)
• Hushed Chestnut Loft color palette (#FEF5D9, #B0B7A1, #679683, #72653B, #664F00)
• Aged Cypress Dune color palette (#F8F6E8, #96A07D, #00726D, #48501D, #303B00)
• Cocoa Grove color palette (#E7EEDE, #A5BEA4, #6595B2, #83566F, #6F3217)
• Timeworn Denim Lagoon color palette (#E3E2CA, #898C65, #00616E, #532D00, #2A2700)
• Timeworn Dune color palette (#D5F3E7, #789B8A, #855D6D, #275637, #014031)
• Dusty Hollow color palette (#E5F0DD, #43B4AF, #3D6FAA, #4F4C00, #00401E)
• Forest Parlor color palette (#B5F5DC, #95BDA7, #8277B5, #41683F, #005733)

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