Ancient Cocoa color palette — #FFF2EF · #ECD5C9 · #EBA193 · #A8745E · #6F3F00

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#ECD5C9): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#EBA193): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A8745E): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6F3F00): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Ancient Cocoa 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

• Amber Boulevard color palette (#FFEEEF, #FFC6CF, #EC9A8C, #C17D54, #544F49)
• Patina Rust Chapel color palette (#F5EBFF, #E39DAB, #C26752, #815329, #283C2A)
• Washed Stone color palette (#FFF2E9, #E7DEB5, #D6B576, #8D7E42, #514F48)
• Faded Apricot color palette (#FFD4C6, #FD8B44, #B06500, #5E3E00, #231A00)
• Feathered Quarry color palette (#FFF2EB, #F9AD63, #C07E00, #775D00, #332E00)
• Wandering Summit color palette (#FFF2EB, #EDD7BE, #95D8E9, #CE846C, #29503A)
• Antique Alley color palette (#FFF2E9, #DEDCCB, #DEBAAD, #98BBB5, #754209)
• Sand Lagoon color palette (#FFF2EA, #FCBA9C, #8BCBAF, #9D9BD0, #582A00)

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