Grape Garden color palette — #DDDBF3 · #8B21AB · #4B3C00 · #002A1E · #000209
A conversation between Plum and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Thistle (#DDDBF3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Plum (#8B21AB): A full-bodied, vivid pink — the color of peonies in June.
- Deep Olive (#4B3C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Forest (#002A1E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged jewel, vibrant, dark.
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
- Plum Summit color palette (#ECE0FB, #A92584, #643900, #00300F, #000910)
- Cellar Study color palette (#F4E6FE, #86005E, #233700, #002326, #02000C)
- Lapis Basin color palette (#E7EEFD, #5424E3, #603600, #092F00, #000204)
- Raspberry Lantern color palette (#EEE3CC, #B42FA0, #8D002C, #003608, #1C000F)
- Twilit Aubergine Loft color palette (#EAE5F9, #6D006D, #430E00, #001513, #050005)
- Magenta Terrace color palette (#F2EFFF, #CA02D1, #6C6600, #004E46, #090F3D)
- Weathered Byzantium Harbor color palette (#F8DCE7, #9528FC, #8B5300, #005361, #060002)
- Muted Corridor color palette (#F1DDF5, #BC4EA3, #9D0051, #5B0010, #200200)
Browse the whole catalog at Explore, or see today's palette.