Ancient Cocoa color palette — #FBEDF6 · #C1A0B2 · #996754 · #6F3C33 · #311A25

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FBEDF6): bright and airy, almost weightless.
• Mauve (#C1A0B2): A luminous, dusty pink — the color of neon signs at night.
• Walnut (#996754): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#6F3C33): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#311A25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Garnet Coast color palette (#F1D8E6, #B18C9D, #94502B, #6E2005, #290D19)
• Cocoa Garden color palette (#FFECF3, #98B496, #906D4C, #6A4125, #102915)
• Feathered Garnet Boulevard color palette (#FFE1F1, #CE98AE, #A8556A, #8B102C, #4E0006)
• Softworn Garden color palette (#FFF0F9, #F7D1DF, #C3907F, #98535B, #223826)
• Driftwood Atelier color palette (#FFF2EB, #DFB39B, #BC7E67, #8C5A51, #5B3200)
• Mulberry Boulevard color palette (#F2F0F9, #C7A6CC, #AD556A, #8B4197, #150917)
• Worn Chestnut Market color palette (#FBE0C9, #B1834C, #854A00, #572700, #1B0F00)
• Denim Studio color palette (#F0F1FC, #DDA29E, #5C4A7C, #2D1D45, #0A0B1A)

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