Cocoa Summit color palette — #FFF2EA · #C49F7F · #936650 · #7B3E20 · #543600

Built around Bronze, softened by Cocoa — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C49F7F): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#936650): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#7B3E20): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Chestnut Archive color palette (#F5E4D7, #B28F69, #84583A, #643528, #34302A)
• Muted Bronze color palette (#FFF3E3, #C3B79D, #A17839, #825118, #564600)
• Terracotta Villa color palette (#FDF3ED, #DE9C8B, #7D7011, #98412B, #292315)
• Dusty Lantern color palette (#FFF0F9, #A9C7A8, #B5816B, #90555E, #244535)
• Tempered Apricot color palette (#FFF1F8, #EFC8A7, #DD9A79, #9E7B97, #334134)
• Wandering Bronze Coast color palette (#F4E4D4, #976D14, #653A00, #451900, #1C1600)
• Rust Ridge color palette (#FFF2EC, #BB645A, #228176, #005A80, #38312E)
• Fern Boulevard color palette (#F4E6CD, #615C00, #372A00, #1A0E00, #030400)

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