Grape Garden color palette — #DFE7D2 · #007B4C · #4800DC · #562300 · #010200
Iris and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DFE7D2): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007B4C): A full-bodied, balanced teal — the color of glacier melt.
- Iris (#4800DC): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#562300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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
- Weathered Grape Chapel color palette (#E7F3D8, #00815B, #6F00C3, #513700, #000201)
- Feathered Garnet color palette (#EAE7CD, #576F00, #00508C, #75010A, #010200)
- Charred Aubergine color palette (#D4F7F8, #006242, #3E0070, #3D000F, #000201)
- Patina Mulberry color palette (#E8ECDD, #228E4E, #7B006F, #364000, #000301)
- Gentle Byzantium color palette (#D8F2EB, #0079CC, #9500A6, #5B4800, #000206)
- Garnet Hollow color palette (#E6F3E9, #007780, #005C64, #620049, #000200)
- Wandering Lagoon color palette (#D3E6CA, #00976D, #006D76, #003F5A, #03001E)
- Tempered Lapis Pier color palette (#D9E2D6, #76BB29, #00A79C, #624FF0, #000407)
Browse the whole catalog at Explore, or see today's palette.