Ancient Cocoa color palette — #FFF2EF · #E295A3 · #7E4220 · #392621 · #150D0D

Bronze takes the lead with Ballet Pink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#E295A3): A luminous, balanced red — the color of embers at dusk.
• Bronze (#7E4220): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#392621): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#150D0D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Aged Delta color palette (#FEEDEA, #F894AD, #A56D3E, #5F514E, #271F20)
• Ancient Amber color palette (#FDF4E8, #CA913D, #594300, #291B09, #0A0401)
• Tempered Ember Terrace color palette (#FFF2EC, #EE5A47, #573115, #280B00, #060000)
• Chestnut Coast color palette (#F1DECB, #8B4F00, #283431, #191100, #030100)
• Timeworn Pier color palette (#F6E8F9, #C55A76, #49343E, #231B24, #0D0B11)
• Shadow Atelier color palette (#F5D8CF, #74001C, #2D2717, #130602, #030000)
• Ancient Cocoa color palette (#F8E6C9, #62636C, #634900, #151C16, #060600)
• Charred Rust color palette (#FBDFCE, #C64600, #371E00, #0B1007, #0B0100)

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