Grape Field color palette — #F1D6E2 · #8566D3 · #697A00 · #6400CB · #050700

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

The five colors

• Shell Pink (#F1D6E2): A whisper-light, dusty rose — the color of strawberry cream.
• Amethyst (#8566D3): A full-bodied, vivid violet — the color of a velvet chair.
• Olive Leaf (#697A00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#6400CB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Lapis Atelier color palette (#FAE1F1, #6974CF, #7E7200, #4100E8, #070600)
• Patina Parlor color palette (#FFE9EF, #AE74D0, #448502, #630089, #020800)
• Antique Nightshade color palette (#F4DDEB, #5A5CB8, #3F6500, #2F009E, #030800)
• Faded Byzantium Lagoon color palette (#E4E4FF, #8845B7, #625400, #400061, #020100)
• Muted Coast color palette (#EAE3F7, #814FC1, #955300, #00675B, #03000A)
• Pale Mulberry color palette (#F7E6E6, #BD4E99, #008652, #930071, #000803)
• Cobalt Market color palette (#CDE8E0, #0083D2, #9E6000, #00588F, #0C0400)
• Faded Magenta color palette (#C9F4F9, #977C00, #C200BF, #1D001D, #060001)

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