Grape Ridge color palette — #EDDBE1 · #9564BF · #767600 · #7700B2 · #060600

Plum and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EDDBE1): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#9564BF): A full-bodied, balanced violet — the color of a velvet chair.
• Olive Leaf (#767600): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7700B2): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aubergine Corridor color palette (#F1D9DC, #C665C6, #627E02, #6F0071, #040700)
• Hazy Lapis color palette (#F2E1EC, #6B6EDF, #6F7800, #4800E3, #060700)
• Linen Basin color palette (#E4DDE9, #9F53CB, #577100, #245A00, #040008)
• Faded Aubergine Station color palette (#E3E4F5, #7E47BB, #953400, #4C0082, #100200)
• Mulberry Balcony color palette (#FFE3E2, #C34895, #008373, #95006B, #000806)
• Hazy Corridor color palette (#F5E2E9, #823AD3, #006167, #3A0069, #000102)
• Ultramarine Summit color palette (#FAE7F8, #437BDA, #A55B00, #0049BA, #0D0400)
• Weathered Mulberry Grove color palette (#DDEEE2, #008E87, #9D0082, #23001B, #070001)

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