Grape Alley color palette — #FFF1F6 · #CDAFFF · #87A200 · #8100DC · #1B2200
Violet and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender (#CDAFFF): A luminous, balanced violet — the color of wild irises.
- Moss (#87A200): A luminous, balanced green — the color of new leaves after rain.
- Violet (#8100DC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Onyx (#1B2200): 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 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
- Hushed Lapis color palette (#FFF0F9, #A7A7FF, #B49B06, #622EFD, #251E00)
- Muted Terrace color palette (#FFF1F4, #EB9FFF, #30B211, #9800B6, #042601)
- Powdered Byzantium Corridor color palette (#FFD9E4, #E1B4FF, #AFAF04, #A70CE7, #303000)
- Frosted Lagoon color palette (#F0E6FF, #AA48FF, #6C7A00, #6800A8, #141800)
- Soft Magenta Field color palette (#FFF1F2, #FFBDF1, #00C977, #C400B0, #00391E)
- Faded Villa color palette (#FFF1F1, #E288BC, #00AB86, #AE007E, #001E15)
- Airy Atelier color palette (#FEF0FF, #77B6FF, #CC8E06, #0069C2, #2B1B00)
- Raspberry Coast color palette (#FFF2F0, #F1A5C1, #12C2A8, #CE1479, #003028)
Browse the whole catalog at Explore, or see today's palette.