Grape Garden color palette — #D6DDFF · #8765D3 · #697A00 · #6600C9 · #050700

A conversation between Plum and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Powder Blue (#D6DDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Amethyst (#8765D3): A full-bodied, vivid violet — the color of a velvet chair.
• Olive Leaf (#697A00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#6600C9): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy, Balance. 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

• Faded Lapis Alley color palette (#D8E1F4, #6972D6, #876E00, #430BE4, #080500)
• Aubergine Basin color palette (#E3E2F7, #B36ED7, #418502, #640087, #020800)
• Hushed Harbor color palette (#DFE7FF, #6454C3, #496200, #390096, #040700)
• Feathered Byzantium Harbor color palette (#E4DFEE, #8645CD, #945400, #00675C, #03000A)
• Patina Byzantium color palette (#E9D9DD, #9338BA, #655300, #43005B, #020100)
• Mulberry Meadow color palette (#F4EBFF, #BD4F97, #008567, #94006F, #000805)
• Cobalt Summit color palette (#E0F0FF, #0083D5, #A55C00, #005791, #0D0400)
• Lowlit Summit color palette (#E2DCFA, #5C00B7, #3D3F00, #260053, #010100)

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