Ancient Cocoa color palette — #E8F0E9 · #AEBDB5 · #78958C · #584000 · #0E2514

A conversation between Deep Olive and Onyx, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E8F0E9): bright and airy, almost weightless.
• Stone (#AEBDB5): soft and architectural.
• Eucalyptus (#78958C): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#584000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#0E2514): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Garnet Courtyard color palette (#E6E0E4, #C6B3BB, #7D967D, #7C1E00, #2C1726)
• Hushed Chestnut color palette (#E6DED4, #C9C4B1, #A1A987, #825700, #291D0B)
• Tempered Fern Basin color palette (#E9FAF3, #C4D7D3, #84B0AF, #566100, #1D3930)
• Hushed Spruce Quarry color palette (#E6F3F1, #8A9E9E, #55777C, #0D3500, #000C0A)
• Aged Lagoon Studio color palette (#DBF7F1, #538767, #005141, #452600, #002210)
• Antique Villa color palette (#E4DFCB, #768960, #216044, #303463, #34173F)
• Amber Boulevard color palette (#C8EADA, #D78E1E, #868400, #00642D, #141C00)
• Ancient Cabin color palette (#F1F7F3, #D2DDDD, #AEC4C9, #89730A, #414A44)

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