Ancient Cocoa color palette — #FFF3E7 · #EFD5B1 · #CFB090 · #A68C7A · #5B4400

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#EFD5B1): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CFB090): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A68C7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Amber Boulevard color palette (#F8E3D8, #EBB490, #D4876C, #9D6A68, #342F2A)
• Dusty Seafoam color palette (#EEF9EB, #5ADACF, #DAA2C8, #BF8B7C, #354133)
• Stone Courtyard color palette (#FEF1F6, #C7F1E9, #C8A2B0, #8B7182, #33443C)
• Muted Driftwood color palette (#FDEDF2, #ADC2AD, #9C7C5B, #704B5C, #203124)
• Softworn Studio color palette (#FFECCC, #D6CB68, #C89D20, #A17641, #37362F)
• Airy Meadow color palette (#FAEADF, #CD904F, #BD5F19, #8B4131, #211300)
• Hushed Mustard color palette (#E8DEC7, #B1BA51, #A28F1C, #876521, #272506)
• Washed Bloom color palette (#F1F7EF, #F5DBA5, #68AEA0, #63725C, #282D26)

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