Ancient Cocoa color palette — #DAE3D6 · #006356 · #722F00 · #462B00 · #000201

A conversation between Rust and Pine, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#DAE3D6): bright and airy, almost weightless.
• Pine (#006356): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#722F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#462B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged 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

• Soft Garnet color palette (#D9EFD8, #036717, #86002E, #561D00, #000200)
• Antique Ridge color palette (#D4E7E0, #005B84, #4D4800, #343400, #000103)
• Nocturne Garnet color palette (#BFEAF4, #004853, #660106, #431000, #000203)
• Patina Thicket color palette (#FEE9D6, #8B6F00, #593000, #2B0001, #010100)
• Tempered Courtyard color palette (#BCEDE0, #007FCF, #836700, #685100, #000205)
• Faded Plum Balcony color palette (#DCECF0, #007C90, #A02D91, #6A5700, #000203)
• Obsidian Navy color palette (#DCF2F6, #00444D, #230E89, #022C04, #000102)
• Wandering Cerulean Pier color palette (#C8ECFA, #008EA6, #004557, #262127, #000A0F)

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