Cocoa Summit color palette — #FFF2EC · #EAD7C3 · #DF9C81 · #A87455 · #6A3C00

Bronze and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#EAD7C3): A whisper-light, dusty gold — the color of old brass.
• Camel (#DF9C81): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A87455): A luminous, dusty gold — the color of old brass.
• Bronze (#6A3C00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Softworn Quarry color palette (#FFF2F0, #EFD4CD, #E8A0A9, #AA6A69, #4E4642)
• Wandering Hollow color palette (#FFF3E4, #DDE5B9, #C0AC6D, #8B8149, #594600)
• Timeworn Terrace color palette (#FBE6FF, #E19C93, #BE653C, #815125, #1F3825)
• Muted Archive color palette (#FFF3E7, #DDDACB, #DAAB7C, #8D6541, #422605)
• Aged Delta color palette (#EDDBCA, #F3A00F, #9E6F00, #5F4700, #2D2400)
• Hushed Orchard color palette (#FFF3E8, #F4BF99, #B0C48B, #CA8DA7, #542D00)
• Chestnut Coast color palette (#FFF3E7, #DCDCCA, #DBB9A0, #97B3B7, #744A01)
• Antique Amber Field color palette (#FFF2EB, #FFBB81, #D68500, #8B5B00, #3E2B00)

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