Ancient Cocoa color palette — #F9F2FF · #E2AEB7 · #B3736C · #834E36 · #693B00

Bronze takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Ballet Pink (#E2AEB7): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B3736C): A luminous, balanced orange — the color of autumn markets.
• Coffee (#834E36): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Cocoa Drift color palette (#F3F4FF, #D2ADD7, #A17092, #824558, #6B3413)
• Abyss Boulevard color palette (#FFF2EE, #E2B593, #A6814E, #695716, #254E20)
• Hazy Grove color palette (#FFF1F5, #EDBDD7, #D68C8B, #A95B20, #5C4800)
• Shell Pier color palette (#FBF1FB, #EBD4D5, #F7A9B0, #BA8866, #574053)
• Aged Courtyard color palette (#E8FBEC, #CE95A3, #996A58, #2A6656, #514251)
• Bronze Meadow color palette (#FFD9D2, #CE8C62, #925C00, #534100, #313000)
• Tempered Driftwood color palette (#F7F3FA, #E1D7DA, #B3ABA2, #8F789B, #565059)
• Patina Dune color palette (#F9EEF8, #AF6560, #47373F, #2F252E, #1A1216)

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