Grape Garden color palette — #D6DDFF · #7A72F1 · #6E18F5 · #530097 · #2B0C47
Violet and Plum set the tone — five colors that lean into creativity and energy.
The five colors
- Powder Blue (#D6DDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Periwinkle (#7A72F1): A luminous, vivid violet — the color of a velvet chair.
- Violet (#6E18F5): A full-bodied, vivid violet — the color of wild irises.
- Plum (#530097): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2B0C47): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Grape 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
- Lapis Study color palette (#DBE9FF, #5079F3, #3D30FF, #361EA3, #211151)
- Weathered Amethyst Hollow color palette (#D6E0F3, #8485FF, #7754E6, #6C32A3, #360844)
- Linen Grape Terrace color palette (#E0DBF4, #9C5AE9, #8600C4, #5D0078, #38093D)
- Ancient Grape Hollow color palette (#E1EDF6, #5891FF, #6344CB, #510069, #16000C)
- Grape Pier color palette (#FEE2F1, #8571E3, #008684, #581BC6, #00201F)
- Hushed Byzantium color palette (#F7EAFF, #BE78E9, #9416C4, #4A0068, #160022)
- Misty Byzantium Summit color palette (#EEE1F9, #9D36DA, #C30040, #005D91, #1B0529)
- Blush Coast color palette (#FAD4DF, #EFABEE, #DE82BE, #7258A1, #301734)
Browse the whole catalog at Explore, or see today's palette.