Ancient Cocoa color palette — #F7EEE6 · #C2B9AF · #A08F77 · #5B2F00 · #020100

Cocoa and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EEE6): a clean, paper-quiet neutral.
• Stone (#C2B9AF): soft and architectural.
• Caramel (#A08F77): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Summit color palette (#ECDDD9, #CBB5AE, #A98A7B, #700B2B, #040000)
• Muted Onyx Workshop color palette (#EBE1E5, #919E90, #836D44, #422100, #12040A)
• Timeworn Lagoon color palette (#EFEFE6, #D0D2BF, #A4AA89, #405700, #030300)
• Weathered Lagoon color palette (#EDE7D1, #728243, #294500, #291700, #010100)
• Tangerine Lagoon color palette (#F0DBBE, #F08008, #A46E00, #6B5E00, #020100)
• Ancient Bronze Ridge color palette (#FAF4EC, #DBDDCF, #BEC5AE, #946F28, #261D0F)
• Ancient Amber color palette (#FAF4ED, #DCDCCF, #93B5BA, #C2822E, #39342E)
• Patina Boulevard color palette (#F5F6ED, #D3E4D4, #9ACDC6, #479400, #262610)

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