Grape Market color palette — #F2F5FF · #C0B3FF · #9EA300 · #7041D5 · #3C3E00
Violet and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender (#C0B3FF): A luminous, balanced violet — the color of wild irises.
- Moss (#9EA300): A luminous, balanced green — the color of new leaves after rain.
- Violet (#7041D5): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3C3E00): 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 Market 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
- Lapis Garden color palette (#F0F5FF, #95A7FF, #BCA218, #4F56F1, #453A00)
- Weathered Moss color palette (#EDECFF, #D89EF4, #60AB3B, #82419F, #233E17)
- Nightshade Pier color palette (#F2F5FF, #A18FFF, #7C8700, #50369F, #393F00)
- Grape Ridge color palette (#DADCF3, #BF8CFF, #818F00, #710BB9, #272C00)
- Antique Violet Grove color palette (#FFF1F7, #CCB7FF, #DAC323, #9B6FEA, #443B00)
- Hazy Amber color palette (#EDF6FF, #82C7FF, #DD8100, #006EAC, #573000)
- Hushed Mint color palette (#F7F3FF, #DEA0CE, #41C88D, #A85796, #1A4B4C)
- Hushed Canyon color palette (#FFF1F7, #CCBBFF, #FF8670, #8D54F1, #580F05)
Browse the whole catalog at Explore, or see today's palette.