Cocoa Summit color palette — #FFF3E5 · #B2A684 · #8B6C3C · #77412A · #414000

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B2A684): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8B6C3C): A full-bodied, dusty gold — the color of old brass.
• Bronze (#77412A): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#414000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Bronze Veranda color palette (#FDF3EC, #C5B5A3, #AD7048, #804C56, #5B4400)
• Frosted Garnet Garden color palette (#FFEBD7, #AE9B63, #985700, #8B0E0A, #313B04)
• Antique Bronze color palette (#EAF5EB, #8EB79D, #946D25, #653F4F, #0E291E)
• Garnet Villa color palette (#F4E8DB, #918951, #754C00, #621C00, #1A2A06)
• Softworn Sand color palette (#EAFBEA, #DAD492, #C8A677, #9F7C92, #2C423D)
• Denim Dune color palette (#EEF8F5, #8CB3D8, #A9531C, #0062A6, #331E0E)
• Inked Chestnut Loft color palette (#FBDFC9, #735309, #471F00, #280005, #040400)
• Hazy Fern color palette (#FEF0F9, #767BB4, #A45753, #386000, #43293A)

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