Ancient Cocoa color palette — #F9F4ED · #CADDCB · #97835A · #5D4000 · #201A10

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Silver (#CADDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#97835A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201A10): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Straw Hollow color palette (#F5F6EA, #EFE99E, #5E8157, #393C00, #101006)
• Washed Veranda color palette (#FAF4EB, #F1DBAE, #B09B79, #8A6622, #322A1E)
• Weathered Chestnut color palette (#ECF4EE, #AACEB2, #735E32, #1E3824, #0C170F)
• Washed Grove color palette (#F1F0D3, #B7A300, #294500, #1D2728, #040A00)
• Softworn Mustard color palette (#F9F5E6, #C2C558, #4A9C92, #8C5C56, #2E261C)
• Aged Workshop color palette (#FBF5DF, #C4EAAE, #7EAF90, #577C6B, #3F4300)
• Shadow Garden color palette (#F9EDD3, #977500, #221B00, #0B0C06, #020100)
• Softworn Bloom color palette (#F8F5EC, #F7FCAB, #80BF94, #9B9F68, #1D2014)

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