Antique Cocoa color palette — #ECF9EE · #89B2A0 · #866F40 · #72452B · #224440

A conversation between Coffee and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#89B2A0): A luminous, dusty teal — the color of sea glass.
• Walnut (#866F40): A full-bodied, dusty gold — the color of honey in a jar.
• Coffee (#72452B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#224440): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Antique 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

• Ancient Bloom color palette (#DBEEE0, #72A293, #786107, #683500, #043836)
• Driftwood Courtyard color palette (#ECF9EF, #C6C090, #A78B4C, #816241, #2A433A)
• Worn Balcony color palette (#FBF0DF, #B4AD7A, #8A713A, #67441A, #27230D)
• Worn Driftwood Meadow color palette (#FFF0F8, #A9BFA9, #A07560, #6E5271, #394D43)
• Powdered Ultramarine color palette (#F0F6FD, #96B0D7, #AD4C49, #255CB1, #2F1D2D)
• Ancient Fern color palette (#F3F4FF, #8A73B5, #A15A51, #465C00, #2E304B)
• Wandering Olive Basin color palette (#D7EBDE, #5B712B, #433700, #2D1500, #001004)
• Mulberry Veranda color palette (#E4EFFF, #B6AAE3, #9B5D9E, #8D0F3A, #652200)

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