Antique Cocoa color palette — #F3F4FF · #E7D3E9 · #BBAFCF · #8F7284 · #684253

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E7D3E9): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#BBAFCF): A luminous, dusty violet — the color of a velvet chair.
• Driftwood (#8F7284): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#684253): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Antique 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

• Ancient Garden color palette (#F5F3FF, #EAD3E4, #B7A2C0, #916C7A, #3A593F)
• Hushed Fern Coast color palette (#D3F3E3, #A6B4E4, #9A787F, #645800, #36352E)
• Tempered Veil color palette (#EAF7FF, #C2D9FF, #B9B3DB, #71A195, #3C544F)
• Antique Cocoa Boulevard color palette (#ECDEFA, #90779A, #763939, #261A00, #010100)
• Hushed Mulberry color palette (#F0E0FB, #A986A6, #8B426A, #481D00, #140900)
• Wandering Chestnut Balcony color palette (#FFF0FA, #EFB8CD, #B6747C, #7A4F00, #3C2F00)
• Timeworn Violet Field color palette (#F1F5FF, #CDC9FF, #A288DF, #845EB2, #49315A)
• Cerulean Station color palette (#EFF7F6, #D9DDE8, #8EC1ED, #1B8FB1, #27415E)

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