Cocoa Summit color palette — #F9F4EF · #DADDD2 · #B8C9B5 · #B78255 · #683C00

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#DADDD2): bright and airy, almost weightless.
• Pistachio (#B8C9B5): A luminous, dusty green — the color of fresh herbs.
• Caramel (#B78255): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#683C00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Washed Corridor color palette (#F9F4EE, #DADBD2, #AAB6AB, #C8A577, #643F00)
• Aged Chestnut Terrace color palette (#F1E8DD, #B9B4A1, #93997A, #714900, #1C1205)
• Muted Hollow color palette (#F7F5EE, #D0DFD3, #A2CCBF, #828F22, #4B3F00)
• Muted Grove color palette (#FCF2F5, #CDD9DD, #AAC3C3, #906D43, #4E4548)
• Antique Atelier color palette (#FFF2EC, #DBC9A0, #96A580, #8D6A71, #62454B)
• Amber Pier color palette (#EDE4D0, #AA8D00, #4E5200, #312D27, #1E1710)
• Softworn Lagoon color palette (#F9F5E8, #C1C9A0, #2FA494, #8C6669, #404800)
• Hushed Moss color palette (#FFF3E7, #E69E76, #749333, #615C8F, #413C36)

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