Grape Ridge color palette — #F3F4FF · #C2A6FF · #3CA63C · #6F26C4 · #011F02
Plum and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#C2A6FF): A luminous, balanced violet — the color of wild irises.
- Kelly Green (#3CA63C): A luminous, vivid green — the color of fresh herbs.
- Plum (#6F26C4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#011F02): 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 Ridge 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
- Timeworn Drift color palette (#F0D6DE, #DBABFF, #89B304, #8E49B9, #212E00)
- Linen Grape Dune color palette (#F2F5FF, #B5ACFF, #AF8600, #6200E5, #211700)
- Gentle Mulberry Dune color palette (#F7F3FF, #F393D6, #5CA231, #9D0080, #091E00)
- Muted Corridor color palette (#F1EAFF, #D778C8, #008D42, #77006C, #000B02)
- Feathered Byzantium color palette (#F6F3FF, #D38ECD, #00A4B7, #A3009F, #001D21)
- Chalky Orchard color palette (#E3E2FB, #B55FEB, #597500, #550A7A, #0E1500)
- Peony Pier color palette (#F7F3FF, #C96BB2, #808A00, #6A7200, #1D0017)
- Feathered Thicket color palette (#FFF0FE, #FFA4A4, #00AE86, #B9002F, #00251A)
Browse the whole catalog at Explore, or see today's palette.