Ancient Cocoa color palette — #FFF2EA · #ECD5BB · #CFAE9A · #B0877D · #5A4400

Deep Olive takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#ECD5BB): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CFAE9A): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B0877D): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Pewter color palette (#FFF1F8, #E2C0CD, #B091A2, #866A81, #3C4D3D)
• Abyss Delta color palette (#F2F7ED, #89D5B6, #D9A4BF, #B88AA1, #2E4600)
• Patina Station color palette (#FEEBD8, #DAC786, #DA9142, #B2685B, #36362F)
• Wandering Driftwood Pier color palette (#FBEDF5, #ACC2AB, #AA745C, #674E6B, #203028)
• Spruce Harbor color palette (#FCF1FD, #9BBEED, #84A7D5, #B17A87, #313B00)
• Sand Courtyard color palette (#F1F7EE, #FDD4BE, #91A686, #627359, #262E22)
• Bronze Boulevard color palette (#FBE9D2, #BBB568, #B28542, #9C5539, #172A06)
• Muted Bronze color palette (#ECE4D0, #90AA67, #8F7C1C, #824B07, #001C0B)

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