Ancient Cocoa color palette — #FFECF2 · #9BB39C · #8F6E49 · #684221 · #102917

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

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#9BB39C): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8F6E49): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#684221): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#102917): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Cocoa color palette (#FEECF6, #C2A0B0, #9C654B, #753827, #311B24)
• Chestnut Bloom color palette (#D8E5D8, #AB956A, #835C1A, #5A3400, #001E0D)
• Worn Parlor color palette (#E8F6EE, #A7C3B6, #678D79, #3E614B, #1A312A)
• Ancient Terrace color palette (#FFF1F5, #C4E7CE, #C09466, #97573F, #18392D)
• Fern Harbor color palette (#DFF7FF, #21979F, #906F2D, #495A00, #001E27)
• Hushed Basalt color palette (#D2E6D6, #7E713E, #554000, #311F00, #060500)
• Aged Denim Quarry color palette (#EAF3FC, #91C0A3, #285885, #072946, #040D18)
• Nocturne Cocoa color palette (#FFE1F3, #79411C, #4A1700, #230200, #030100)

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