Ancient Cocoa color palette — #FDF3EC · #C1AC87 · #6B7A4D · #6B4C75 · #573D00

Deep Olive takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Camel (#C1AC87): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#6B7A4D): A full-bodied, dusty green — the color of new leaves after rain.
• Graphite (#6B4C75): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#573D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Courtyard color palette (#FFF3E8, #B0A36D, #4B7800, #4D4687, #443A0B)
• Basalt Thicket color palette (#FCF4E7, #B6B18B, #4C8161, #1D6374, #4B4300)
• Fern Field color palette (#F9F4ED, #C5C2A6, #5F8D73, #805B58, #564F00)
• Ancient Olive Balcony color palette (#EBF5EE, #B1B88C, #5F804A, #3D586D, #172C25)
• Aged Summit color palette (#FFF1F3, #BC8CBE, #769649, #8E4292, #374A1A)
• Patina Archive color palette (#FFF1F4, #E3D9D2, #E5B092, #6077AB, #654445)
• Softworn Pine Lantern color palette (#FDF2F0, #CDE4CC, #5694AA, #35713F, #563E59)
• Fern Station color palette (#F2E1D1, #938E5E, #2B6405, #363471, #2E2A00)

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