Grape Orchard color palette — #D8DDF4 · #9E84E9 · #9F8400 · #712FD8 · #322800
Violet takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D8DDF4): A whisper-light, dusty violet — the color of wild irises.
- Wisteria (#9E84E9): A luminous, balanced violet — the color of a velvet chair.
- Moss (#9F8400): A luminous, balanced green — the color of new leaves after rain.
- Violet (#712FD8): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Grape Orchard 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
- Hazy Lapis color palette (#D3DEF6, #8490E5, #BA8115, #4620F1, #392400)
- Misty Amethyst Pier color palette (#EBEDFF, #B397E3, #98A820, #8040CC, #333A00)
- Weathered Grape color palette (#FFF0F8, #B3ADFF, #919400, #593FBB, #191A00)
- Ultramarine Field color palette (#D0E0F3, #649AE1, #B27A00, #0060C1, #392400)
- Antique Aubergine color palette (#E1E0F8, #BB73DF, #667F00, #67008A, #161E00)
- Tempered Grape Archive color palette (#DDDAF7, #D089E6, #2D9F38, #82009F, #013307)
- Wandering Violet color palette (#DEE4FC, #8B6CE5, #847E00, #14773E, #21173D)
- Nightshade Boulevard color palette (#F1D5E4, #7A6CD5, #007B74, #4A21AC, #00302D)
Browse the whole catalog at Explore, or see today's palette.