Ancient Cocoa color palette — #FDF4E9 · #D9C8AF · #B19676 · #906C4C · #5E4200

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Oat (#D9C8AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B19676): A luminous, dusty gold — the color of old brass.
• Walnut (#906C4C): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Washed Chestnut color palette (#FFF3E6, #D3B997, #AF875A, #8B5D38, #413C36)
• Bronze Canyon color palette (#EEDCBB, #B6A54E, #927300, #6C4C00, #2D2A00)
• Hushed Stone color palette (#ECFAEB, #C5E1C4, #9BB79A, #916F7C, #344439)
• Pale Chestnut Boulevard color palette (#E9DDD3, #B67F44, #904C00, #642900, #211300)
• Wandering Balcony color palette (#EBE1D2, #846C11, #594000, #341F00, #040300)
• Abyss Meadow color palette (#F1F8ED, #D8D3AB, #54897D, #19594D, #272E24)
• Aged Balcony color palette (#F1F7F3, #B5DCC1, #769FCD, #009DB3, #352936)
• Cobalt Atelier color palette (#DAFFF0, #AADDCE, #779FD1, #4F6CB3, #353C81)

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