Ancient Cocoa color palette — #E9EEE8 · #B0BCB4 · #7C958A · #5F3C00 · #132413

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

The five colors

• Cream (#E9EEE8): bright and airy, almost weightless.
• Stone (#B0BCB4): soft and architectural.
• Eucalyptus (#7C958A): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#5F3C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#132413): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cocoa Drift color palette (#EEE5E8, #A3B9AD, #699891, #633800, #13060B)
• Chestnut Cabin color palette (#F3EDE8, #CBC4B1, #92AE8A, #8C4F00, #261D15)
• Wandering Garnet color palette (#F1E9EF, #C5B3BD, #A8828F, #820B15, #2A1828)
• Dusty Field color palette (#E5F2F0, #BFD0D1, #8BA6AC, #00672C, #1F3231)
• Muted Pier color palette (#D8E5E1, #8D9E9C, #567779, #203100, #000C09)
• Pine Cabin color palette (#D3E7E0, #578858, #005237, #4A2200, #002204)
• Timeworn Study color palette (#F1F7F2, #D3DCDB, #B2C2C4, #8F6F28, #3F4C41)
• Frosted Field color palette (#D1E7D7, #E78B32, #8F7800, #266200, #161500)

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