Grape Alley color palette — #DEF0EB · #5D9C0C · #4800D3 · #2A4C00 · #060C1F

Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEF0EB): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#5D9C0C): A luminous, vivid green — the color of new leaves after rain.
• Indigo (#4800D3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#2A4C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#060C1F): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Powdered Corridor color palette (#DFEFF0, #009F81, #5517BE, #004D3D, #080B20)
• Tempered Amethyst Bloom color palette (#EBF8F7, #5DAF64, #714DDC, #004E13, #13172A)
• Pale Moss Alley color palette (#DEF0EA, #7B951B, #00557A, #3A4800, #000F1C)
• Aubergine Balcony color palette (#D5EEEC, #006731, #4100AE, #3A1E00, #001606)
• Feathered Aubergine Summit color palette (#CCE8E4, #1B8623, #690071, #3E2900, #1B1B00)
• Emerald Lantern color palette (#E0E8D5, #00A774, #005E79, #005439, #000301)
• Weathered Lapis color palette (#E5F7FF, #89BD48, #009EA5, #5258C6, #002A3A)
• Aubergine Quarry color palette (#D8EAEE, #007970, #3C0083, #002E2A, #01000F)

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