Ancient Cocoa color palette — #E3E8FF · #E2B4C8 · #AF838E · #9A6265 · #673627

Built around Cocoa, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Frost (#E3E8FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Carnation (#E2B4C8): A luminous, dusty rose — the color of pressed rose petals.
• Dusty Rose (#AF838E): A luminous, dusty red — the color of late-summer berries.
• Mocha (#9A6265): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#673627): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Tempered Cocoa color palette (#FFDFF9, #E5AEC4, #BA7F85, #85683E, #5C4800)
• Chestnut Delta color palette (#FADCE9, #B79CC2, #9B7275, #874C28, #5C2F07)
• Timeworn Alley color palette (#D9EAFF, #AFC0F6, #958BC8, #90566C, #72333A)
• Hushed Terracotta color palette (#F1D7E9, #A37184, #8A4B53, #4D3300, #251E00)
• Dusty Corridor color palette (#FFF1F0, #E4CEC9, #BCA79F, #9C7937, #5C4A00)
• Fern Parlor color palette (#C1F1FF, #8DADD9, #896C96, #576223, #2C4F29)
• Misty Parlor color palette (#BBEEFF, #B6CDFF, #CA9CDF, #85985D, #385023)
• Gentle Lantern color palette (#F2E5FF, #C06FFB, #ED4F69, #0084CA, #3D2251)

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