Ancient Cocoa color palette — #F4DDF2 · #919AC7 · #756A94 · #6F3D4E · #3D2219

Built around Cocoa, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Blush (#F4DDF2): A whisper-light, dusty pink — the color of neon signs at night.
• Blue Fog (#919AC7): A luminous, dusty violet — the color of wild irises.
• Slate (#756A94): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6F3D4E): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#3D2219): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: 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

• Aged Petrol color palette (#E5F4EC, #7AA99A, #5B759B, #68454D, #3F2224)
• Cocoa Thicket color palette (#EFD9DF, #C29EA1, #A16381, #703C05, #3B2303)
• Worn Garnet Workshop color palette (#DEE5FE, #7470A3, #62467C, #5B1328, #260302)
• Washed Grove color palette (#D9ECFF, #9DB8EF, #8786B2, #6D5D7B, #573F5D)
• Wandering Periwinkle Studio color palette (#B8F2FB, #7DA4D2, #6C7399, #3C5E49, #234642)
• Dusty Terrace color palette (#DFFFE3, #A9DCFB, #AA9BD6, #6E6538, #3D3B34)
• Patina Bronze color palette (#FFECF1, #D2B8BA, #B9908C, #915C2B, #613E00)
• Weathered Plum Summit color palette (#F5DAE8, #7B69CC, #B43772, #00657F, #230919)

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