Grape Grove color palette — #F1F5FF · #AEAFFF · #7E9A03 · #552CD9 · #151B00
Built around Iris, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#AEAFFF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#7E9A03): A luminous, balanced green — the color of new leaves after rain.
- Iris (#552CD9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Grape Grove 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 Grape Courtyard color palette (#F1F5FF, #A2A0F0, #BC8A05, #5E2AEA, #221600)
- Linen Meadow color palette (#EFD6E2, #C3B7FF, #A3AB03, #774ADB, #292C00)
- Muted Balcony color palette (#F7F3FF, #D68EC8, #6AA734, #A40094, #0C1E00)
- Faded Grove color palette (#EEEBFF, #CD7ADB, #618300, #6F007F, #050900)
- Pale Garden color palette (#ECF7FF, #51B5ED, #C58100, #006B98, #241400)
- Quiet Alley color palette (#E7ECFF, #865DEE, #726F00, #4B2E8E, #141300)
- Quiet Orchid Studio color palette (#F3F4FF, #E1C7FE, #63D3A9, #A26DD4, #004430)
- Aubergine Thicket color palette (#F4F4FF, #71D1A9, #68397E, #280236, #010008)
Browse the whole catalog at Explore, or see today's palette.