Grape Ridge color palette — #F4F4FF · #A4D820 · #7C22A7 · #2D0A3E · #010009

Plum takes the lead with Chartreuse close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Chartreuse (#A4D820): A luminous, vivid green — the color of new leaves after rain.
• Plum (#7C22A7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#2D0A3E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, 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

• Tempered Drift color palette (#F8F2FF, #C7CD00, #9B0072, #3B0029, #020006)
• Timeworn Chartreuse Station color palette (#F1F5FF, #60E547, #4C34CD, #190F50, #000009)
• Patina Sunflower color palette (#F8F2FF, #E2E200, #A14280, #481B38, #0B0413)
• Sunlit Delta color palette (#E1E2FE, #38DDA9, #9562C8, #61338A, #170428)
• Aubergine Delta color palette (#F9DCE5, #00AF7D, #590087, #220038, #0A0003)
• Aubergine Corridor color palette (#FEDAE0, #B88A00, #610068, #300034, #1B000B)
• Worn Lantern color palette (#FFF0FA, #FAE68E, #A46251, #482F42, #150C13)
• Dusty Mustard Basin color palette (#FFE5FC, #B7A300, #750015, #170001, #030003)

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