Grape Field color palette — #D9DCF2 · #A483E2 · #988700 · #7B26D5 · #302900

Violet takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D9DCF2): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#A483E2): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#988700): A luminous, balanced green — the color of fresh herbs.
• Violet (#7B26D5): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Grape Field 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

• Chalky Grape Veranda color palette (#DADCF6, #A984D5, #65A120, #7D00C8, #193000)
• Lapis Villa color palette (#D2DEFB, #888EE7, #AA7E00, #5422FD, #362600)
• Nightshade Veranda color palette (#FFF0F7, #BCA9FF, #989100, #6145A6, #1B1900)
• Timeworn Violet Orchard color palette (#EED7E2, #8064E2, #6F6F00, #4D299F, #2B2B00)
• Feathered Aubergine color palette (#DDDDF5, #B279DF, #428800, #620092, #0B2100)
• Gentle Indigo Grove color palette (#D4DDFE, #C1B8FF, #B1A504, #7059C4, #2E2A00)
• Hushed Ultramarine color palette (#D2DFF1, #6899E3, #E1611A, #0055BE, #481800)
• Dusty Drift color palette (#F0ECFF, #B461B8, #9A7400, #516E24, #320C35)

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