Ancient Cocoa color palette — #E5DFC7 · #718B5C · #007376 · #5D3000 · #251D00

Cocoa takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E5DFC7): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#718B5C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007376): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5D3000): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#251D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pale Drift color palette (#FFE6D7, #928744, #2A7250, #6A241E, #400D00)
• Muted Bloom color palette (#E8EDD8, #349D8F, #0F6092, #4B3400, #2A1C00)
• Lagoon Market color palette (#F0EEDD, #41966D, #005F5F, #313E00, #001409)
• Weathered Cabin color palette (#D8F5EC, #00858A, #004C72, #440F2C, #340502)
• Antique Lagoon color palette (#D8E7C0, #A0C4AF, #A98798, #4A6F48, #444800)
• Chalky Cerulean Quarry color palette (#EBEBD6, #69C6A1, #008EBA, #795700, #4B3500)
• Turquoise Veranda color palette (#D5E8E2, #00AAB8, #297CAB, #7A3F57, #390304)
• Antique Terracotta Cabin color palette (#D0E9DA, #00859F, #AA3F00, #004E5E, #200600)

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