Ancient Cocoa color palette — #FFF1F1 · #EED4CF · #EC9DA5 · #AC6F6E · #733913

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#EED4CF): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#EC9DA5): A luminous, balanced red — the color of late-summer berries.
• Mocha (#AC6F6E): A luminous, dusty orange — the color of autumn markets.
• Bronze (#733913): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Mallow Lagoon color palette (#FFF1F7, #EAD5E2, #D6A6DF, #9F6F90, #694544)
• Chestnut Chapel color palette (#FFF2EC, #ECD8BD, #D7A176, #A37E51, #6F4C00)
• Aged Coral color palette (#FFF1F3, #F5C5E2, #EC9AAD, #D17A6A, #544E48)
• Linen Coral color palette (#E8E1FF, #D99DC0, #C96979, #7F453A, #432835)
• Misty Bloom color palette (#FBDEDF, #FC8476, #BE4B00, #793B00, #281600)
• Aged Stone Boulevard color palette (#FFF2EB, #E2D9D0, #E4A295, #8D574C, #401E0D)
• Aged Amber color palette (#FFF2EF, #FFB392, #C86B19, #764900, #3D2900)
• Timeworn Coral color palette (#FFF2EE, #F2D4C5, #84DEDB, #D17F82, #344E33)

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