Grape Ridge color palette — #F4F4FF · #D39DFE · #849800 · #8015B8 · #161B00

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#D39DFE): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#849800): A luminous, balanced green — the color of new leaves after rain.
• Plum (#8015B8): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#161B00): 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

• Airy Basin color palette (#F5F4FF, #E393FF, #00A76D, #871AA7, #001F10)
• Linen Ultramarine Courtyard color palette (#F0F5FF, #A3B3FF, #A88900, #4145C6, #1F1700)
• Patina Clover Lagoon color palette (#F4F4FF, #E5BAFF, #36BE56, #8D4BB0, #063110)
• Hushed Station color palette (#F1EAFF, #E26ECA, #558600, #780068, #040A00)
• Frosted Aubergine Thicket color palette (#FFE1E9, #9F5FBF, #667300, #661885, #111400)
• Frosted Plum color palette (#F8F2FF, #F776C0, #00A7A1, #A91C79, #001D1C)
• Tangerine Veranda color palette (#FBD1DF, #CA90FF, #FE7018, #9B64CB, #471900)
• Dusty Workshop color palette (#F3F4FF, #BB83FF, #6C7900, #008048, #0A0724)

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