Grape Garden color palette — #E2E7F4 · #AAA3F2 · #926DD8 · #7D34A3 · #572B5A

Plum and Amethyst set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#E2E7F4): bright and airy, almost weightless.
• Lavender (#AAA3F2): A luminous, balanced violet — the color of a velvet chair.
• Amethyst (#926DD8): A luminous, balanced violet — the color of a velvet chair.
• Plum (#7D34A3): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#572B5A): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Creativity, Balance. Tagged warm.

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

• Tempered Basin color palette (#F2F5FF, #B9B5FF, #9F73E2, #6C4381, #3E223F)
• Worn Lilac color palette (#D0E0F8, #A1B2FF, #A67CED, #965A91, #582F46)
• Worn Grape Corridor color palette (#DFEDFF, #8898F9, #793EC3, #722978, #552D44)
• Timeworn Lagoon color palette (#D6E8F8, #7EAEF1, #5778E1, #4F43B9, #3E2B63)
• Byzantium Archive color palette (#E0E1F8, #9874DC, #9029BD, #660069, #3C002F)
• Gentle Mulberry Courtyard color palette (#EEE9F7, #CC97DF, #BC63B0, #9A2A72, #5A1E35)
• Worn Iris Parlor color palette (#F4F4FF, #E9D3E5, #F7ACB9, #8881C4, #413A56)
• Byzantium Basin color palette (#ECEDFF, #B799D5, #8FA945, #8D30CD, #2E3B00)

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