Violet Garden color palette — #D3DDFF · #AD9CE0 · #8E6CB9 · #6C4785 · #62354C
Slate Blue and Plum set the tone — five colors that lean into creativity and balance.
The five colors
- Powder Blue (#D3DDFF): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#AD9CE0): A luminous, balanced violet — the color of a velvet chair.
- Slate Blue (#8E6CB9): A full-bodied, balanced violet — the color of wild irises.
- Plum (#6C4785): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#62354C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Violet Garden 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 Cobalt Canyon color palette (#D1E4FF, #85A3E7, #5F70B9, #525491, #563C5D)
- Antique Delta color palette (#D8DFEB, #A2A4E6, #8968BC, #6F2A77, #46223D)
- Misty Plum Ridge color palette (#E7E2FF, #CC91C4, #A0558D, #7D4166, #62374A)
- Dusty Plum Alley color palette (#FCD9F5, #ABB0F1, #9F7ED4, #955197, #623B54)
- Grape Chapel color palette (#F4F4FF, #B38CD3, #2E99AB, #7B4E9B, #064B56)
- Feathered Terrace color palette (#F5F3FF, #A772AF, #B45F55, #426A9F, #39344D)
- Lucid Byzantium color palette (#EEDDFA, #CC56E5, #A600AB, #79006A, #640020)
- Misty Plum color palette (#FFCEE9, #EF6EAB, #C02871, #8E013E, #6D1D2D)
Browse the whole catalog at Explore, or see today's palette.