Grape Ridge color palette — #F2F5FF · #A8D652 · #5C12DB · #200357 · #010009

Iris and Chartreuse set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Chartreuse (#A8D652): A luminous, vivid green — the color of fresh herbs.
• Iris (#5C12DB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#200357): 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

• Airy Ultramarine color palette (#F0F5FF, #DAC51A, #3740C9, #0F0C59, #00000A)
• Gentle Pier color palette (#F4F4FF, #9FD939, #8300AE, #300342, #010008)
• Gentle Byzantium Veranda color palette (#F4F4FF, #C0E98D, #8F44AB, #411A4F, #070515)
• Ancient Moss color palette (#F7DEEE, #6FA825, #2F2B8D, #0F004B, #080006)
• Wandering Cabin color palette (#EEF6FF, #FFAE76, #005A9C, #001F3C, #000104)
• Aubergine Hollow color palette (#FADBE9, #B88A00, #460094, #21004C, #120728)
• Misty Meadow color palette (#F3EAFB, #A1AB3B, #6E0047, #15000A, #020005)
• Softworn Terrace color palette (#F5F4FC, #E6D8E0, #BBBFA6, #B050BA, #252134)

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