Ancient Cocoa color palette — #FFF2EA · #D39873 · #99634C · #7B3F1D · #5A3200

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#D39873): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#99634C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7B3F1D): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Hushed Chestnut color palette (#FFF3E4, #CBB491, #967C55, #805215, #5C4300)
• Washed Amber Workshop color palette (#F7E4D6, #C48755, #8F512A, #49423E, #342F2A)
• Worn Chapel color palette (#FFF2EC, #DBA166, #764039, #501B00, #21190D)
• Worn Thicket color palette (#FFF2EB, #E2CCB5, #D09F8D, #B96E7E, #403D36)
• Taupe Harbor color palette (#FFEDC3, #A5A147, #796900, #5B4600, #343911)
• Patina Bronze color palette (#FFECDB, #A36700, #673800, #421B00, #211300)
• Washed Ridge color palette (#FFF0F9, #D7B2C2, #B5816D, #7B5E77, #314330)
• Washed Rust color palette (#FFF2EC, #CF5347, #74752F, #5C467A, #38312E)

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