Ancient Cocoa color palette — #FFF2ED · #E0D9CE · #E1A2AC · #A9B7B3 · #793C1E

A conversation between Bronze and Rose Quartz, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rose Quartz (#E1A2AC): A luminous, dusty red — the color of embers at dusk.
• Ash (#A9B7B3): a calm mid-gray that lets other colors speak.
• Bronze (#793C1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Washed Stone Pier color palette (#FDF0FC, #E8D5D7, #E0B7B7, #9D89A1, #544851)
• Worn Pier color palette (#FFF2EB, #DED9CD, #A5B5D0, #F57059, #582F15)
• Ancient Basalt Hollow color palette (#FBF4EB, #DDDFC4, #C5A986, #96724D, #523B00)
• Cocoa Boulevard color palette (#FFE9DF, #BEE4CD, #D6C6C0, #663200, #27201B)
• Worn Pier color palette (#FFE3D5, #E1B19B, #C17F3B, #79001E, #040000)
• Aged Coast color palette (#FFF2F0, #ECAFC7, #86B4D7, #6D7FB7, #412B29)
• Patina Canyon color palette (#FBF4EE, #E0DECD, #B07848, #693800, #24180E)
• Washed Lime Lagoon color palette (#F9EBCB, #C9CB80, #8EB44B, #6C4E00, #050400)

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