Violet Garden color palette — #DBE5FF · #9EA5FF · #9354FF · #6D00A5 · #360044
Amethyst and Plum set the tone — five colors that lean into creativity and energy.
The five colors
- Frost (#DBE5FF): A whisper-light, dusty violet — the color of a velvet chair.
- Wisteria (#9EA5FF): A luminous, balanced violet — the color of a velvet chair.
- Amethyst (#9354FF): A luminous, vivid violet — the color of twilight just after sunset.
- Plum (#6D00A5): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#360044): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Creativity, Energy. Tagged vibrant.
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
- Quiet Boulevard color palette (#F3F3FF, #C0A8FF, #B52FF3, #7A0085, #3B002E)
- Misty Grape color palette (#E9F3FF, #8FB7FF, #7175FF, #5412CB, #31005C)
- Grape Harbor color palette (#DDE4F5, #7B77FF, #7000E4, #5F008E, #4D1754)
- Byzantium Alley color palette (#CAE3FB, #7CAAFF, #9E73FF, #AA00DA, #600042)
- Chalky Magenta Courtyard color palette (#FBF1FF, #E6B4FF, #BD4ADE, #65007B, #15001D)
- Grape Harbor color palette (#FFF1F6, #CDAFFF, #86A200, #8100DC, #1A2200)
- Amethyst Dune color palette (#EDEBFF, #8144CA, #620082, #30002E, #040002)
- Softworn Boulevard color palette (#F4E8FF, #DC83E2, #B64A9F, #820D58, #400018)
Browse the whole catalog at Explore, or see today's palette.