Washed Cocoa Workshop color palette — #F2F5FF · #C4C6DE · #928EA1 · #786474 · #694B4C

Coffee and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#C4C6DE): A whisper-light, dusty violet — the color of a velvet chair.
• Heather (#928EA1): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#786474): A full-bodied, dusty pink — the color of peonies in June.
• Coffee (#694B4C): A full-bodied, dusty red — the color of embers at dusk.

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

Use it as a design system

One click turns Washed Cocoa Workshop 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

• Weathered Abyss color palette (#FBF1FF, #D1C2D1, #9B8894, #5A7967, #30585C)
• Cocoa Basin color palette (#E8E6F6, #AE80A3, #6F5A7B, #6A3F1A, #4B3100)
• Chestnut Studio color palette (#E9DCFA, #AC9AB5, #8A738B, #624D26, #244A36)
• Washed Aubergine Cabin color palette (#F4F4FF, #D4B9E0, #916EA4, #673D7B, #432B4F)
• Cocoa Balcony color palette (#FFF0FD, #FACED1, #D0B3BD, #A99591, #7B3E21)
• Patina Indigo color palette (#F3F4FF, #B4A8D3, #C88572, #7D5EB7, #6B4033)
• Dusty Balcony color palette (#F4E3E8, #AA6068, #683629, #362D00, #1A2000)
• Driftwood Bloom color palette (#E1FDF0, #E2C7DE, #C69CA7, #898239, #5A5300)

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