Grape Field color palette — #FFF0F7 · #C0B3FF · #67B212 · #6E49CA · #244500

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#C0B3FF): A luminous, balanced violet — the color of wild irises.
• Clover (#67B212): A luminous, vivid green — the color of fresh herbs.
• Violet (#6E49CA): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#244500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Grape Field 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

• Soft Lapis Field color palette (#FFF0F9, #B7B7FF, #AA9E00, #6146DE, #413C00)
• Weathered Meadow color palette (#F3F4FF, #D1B9FF, #96C307, #9548F1, #263400)
• Dusty Violet color palette (#FFE7EE, #C58DE4, #4DAB77, #8D56AB, #004124)
• Misty Aubergine color palette (#F3F4FF, #B28EE7, #698D00, #6800B0, #2F4200)
• Amber Cabin color palette (#D9FFF2, #7DC8FF, #BF9400, #006FA7, #4A3800)
• Chalky Parlor color palette (#FFF1F0, #ED9BBD, #63BA8A, #B65F86, #1C4D34)
• Dusty Bloom color palette (#FFF1F4, #76D38C, #855194, #4B2C55, #291319)
• Hushed Alley color palette (#FEE4E7, #BD5AB4, #008A59, #8A0084, #002112)

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