Ancient Cocoa color palette — #CAE6FF · #B896B4 · #6F719C · #6C4647 · #593000

A conversation between Cocoa and Slate, giving this palette its sense of optimism and sophistication.

The five colors

• Frost (#CAE6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#B896B4): A luminous, dusty pink — the color of a candy shop window.
• Slate (#6F719C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Coffee (#6C4647): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Wandering Veranda color palette (#D9E7FF, #969DC7, #956E81, #774D48, #70321B)
• Wandering Cocoa color palette (#FFDCE9, #C999A3, #88627D, #7A4216, #3E3C35)
• Patina Wisteria color palette (#E4DEF7, #C482EB, #96588F, #7D392B, #4F3909)
• Washed Turquoise Bloom color palette (#B3F1F1, #6AB8C9, #52819B, #6C4959, #56363F)
• Denim Workshop color palette (#E0EEFF, #7789BC, #544B89, #562C3E, #4A1620)
• Wandering Bronze Balcony color palette (#FFF1F6, #E7B8C3, #AF8B8D, #955933, #615200)
• Washed Indigo color palette (#E2E5FB, #7D64B1, #603E6D, #481619, #231300)
• Ancient Fern color palette (#E4EBCB, #B7CFAF, #BF9FBB, #848852, #464F00)

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