Dusty Violet color palette — #FFF0F7 · #BBA2DF · #976CB9 · #775686 · #62444A

Built around Slate Blue, softened by Mauve — the whole palette hums with creativity and balance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mauve (#BBA2DF): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#976CB9): A luminous, balanced violet — the color of wild irises.
• Graphite (#775686): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#62444A): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Dusty Violet 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

• Tempered Turquoise Dune color palette (#FEF1F6, #B9A3DE, #00ADBB, #7C65A2, #37553E)
• Softworn Lilac color palette (#F0F5FF, #C9C4FF, #B190D2, #8F6C8E, #554660)
• Tempered Peony Drift color palette (#FFEEEE, #E7A4C4, #BF6387, #8A4F5E, #6B4940)
• Hushed Cobalt Corridor color palette (#D9FFF4, #95BBEE, #587FCA, #516396, #634A5B)
• Worn Amber Chapel color palette (#FFF1F2, #BC81B3, #C46F54, #5E74AB, #513C3E)
• Driftwood Pier color palette (#FFF1F2, #E2D7D1, #B2AC95, #A77E87, #634E4E)
• Gentle Byzantium Grove color palette (#F9E9FF, #CD66DD, #B600AD, #8A1775, #662E4F)
• Tempered Plum Boulevard color palette (#F7E7F0, #D26CA3, #B31F6C, #851F46, #5B2932)

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