Softworn Cocoa Atelier color palette — #DDE1F4 · #C5ADD6 · #9489AD · #835F78 · #5B371D

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

The five colors

• Frost (#DDE1F4): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C5ADD6): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9489AD): A luminous, dusty violet — the color of wild irises.
• Graphite (#835F78): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5B371D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Softworn Cocoa Atelier 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 Pewter color palette (#F5F3FF, #C9BED9, #A494AB, #8B6675, #405543)
• Lilac Field color palette (#EFEAFF, #AA84BB, #706287, #6E4134, #462000)
• Aged Ridge color palette (#E9DEF0, #C1ABC2, #9F7D96, #537760, #225041)
• Bronze Workshop color palette (#FFF0F7, #DFC4F5, #BE94B9, #975838, #643500)
• Raspberry Loft color palette (#EADCE8, #E18FBA, #BB6377, #805A29, #523F01)
• Worn Meadow color palette (#F3E2F6, #A86E95, #844A5F, #57310F, #231600)
• Muted Orchid Archive color palette (#E1DFED, #C09AEF, #A266C6, #794388, #552F56)
• Forest Alley color palette (#F9DEEF, #C49DAE, #937851, #3E6135, #0F3D25)

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