Grape Ridge color palette — #FFF1F6 · #AA90D8 · #899B27 · #6C48A1 · #3F471E

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#AA90D8): A luminous, balanced violet — the color of a velvet chair.
• Moss (#899B27): A luminous, balanced green — the color of a quiet forest floor.
• Plum (#6C48A1): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#3F471E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Washed Dune color palette (#FFEBF6, #A196EC, #709D49, #63599B, #1A2E07)
• Frosted Ultramarine color palette (#FEF0FB, #819CE7, #A8840D, #455FB1, #514012)
• Weathered Emerald Harbor color palette (#FFF1F2, #C488BB, #46A04E, #8D4884, #42433C)
• Soft Station color palette (#F3F4FF, #CAA4F3, #A5AD4B, #926CB8, #42461B)
• Powdered Bronze color palette (#FFF1F5, #9D72C4, #AD6900, #007971, #492F38)
• Dusty Orchard color palette (#FFD9E0, #CE5AE0, #00882A, #690076, #00390D)
• Hushed Mulberry color palette (#FFF2F0, #E65999, #009571, #A60061, #004634)
• Mulberry Grove color palette (#FDF2F2, #C4AB79, #733B5F, #441F37, #2B1E1E)

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