Ancient Cocoa color palette — #FFF2EA · #E4C59B · #B6937C · #8A6C64 · #584500

A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#E4C59B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B6937C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8A6C64): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Worn Cocoa Field color palette (#FFF3E9, #E9D5C4, #D6AB92, #B48673, #653E00)
• Hushed Pewter color palette (#FFF0F7, #D0ADBA, #957685, #725265, #3D4D3B)
• Taupe Pier color palette (#F4E8D6, #A3A453, #8F6B22, #733C1F, #252600)
• Sky Basin color palette (#E5FBF1, #5BB7E2, #B69666, #9C7134, #30423A)
• Weathered Mustard Garden color palette (#FFEBD5, #CBB538, #B5771A, #914935, #36362F)
• Softworn Bronze Bloom color palette (#FCDEC5, #A07500, #7F3E00, #5C0C16, #0C0C00)
• Patina Shell Harbor color palette (#FDF1FA, #FFBEBC, #6C7CA5, #5A4556, #30292E)
• Wandering Workshop color palette (#EBF7FF, #AFC9FF, #A894D2, #8E607D, #683134)

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