Ancient Cocoa color palette — #E0E0CB · #80A178 · #37747B · #664400 · #292700

Bronze and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E0E0CB): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#80A178): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#37747B): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#664400): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Petrol Villa color palette (#E8E0BD, #7EA67F, #137C96, #6E3322, #4B1808)
• Ancient Hollow color palette (#D4E5DB, #4AA9C4, #646EA1, #603E0C, #382100)
• Fern Dune color palette (#F9E1ED, #A98F4E, #556A0C, #005149, #231900)
• Wandering Spruce Thicket color palette (#D2EEEE, #8DAAC6, #7E7AA1, #456B4D, #154022)
• Weathered Field color palette (#E1EADD, #458A96, #265785, #621C38, #491809)
• Hazy Cobalt color palette (#D0EDE9, #72AFBB, #338ACD, #894B60, #4C1B06)
• Timeworn Grove color palette (#D7E9E9, #587DB0, #604768, #312D00, #110F00)
• Ancient Terracotta color palette (#DDF0FF, #29A2DD, #A44300, #00597F, #310F00)

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