Grape Ridge color palette — #F1E7CB · #837A00 · #652CF1 · #4C4700 · #100037

Violet and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7CB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#837A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Violet (#652CF1): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#100037): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Patina Grape color palette (#E3E2C3, #679922, #5B02DC, #314F00, #110036)
• Sunlit Thicket color palette (#CAE8D9, #8A8100, #663DE2, #423D00, #010009)
• Amethyst Studio color palette (#DBF1E5, #B0A329, #6B50D6, #6D6400, #110036)
• Hushed Ultramarine color palette (#ECDDCD, #A56800, #005BDB, #613B00, #000C2D)
• Faded Lapis Villa color palette (#EEE9D0, #776500, #341DF8, #790380, #0A0700)
• Powdered Aubergine Garden color palette (#E2E5C4, #358F22, #6C0095, #0E4502, #0D0016)
• Washed Indigo color palette (#EAE6C8, #9EBF2A, #6F63EC, #5D7300, #291B6D)
• Hushed Field color palette (#FFE3C9, #AD6200, #007191, #663800, #00121A)

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