Grape Field color palette — #DEE8FF · #5B1AD4 · #4C0063 · #310022 · #1A0007

Iris and Royal Purple set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DEE8FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Iris (#5B1AD4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#4C0063): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#310022): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#1A0007): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, 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

• Midnight Villa color palette (#E0F0FF, #1E38E3, #4A0084, #28002C, #150002)
• Smoked Grape Harbor color palette (#E9EAFF, #7E00B4, #5A0052, #300015, #100300)
• Grape Corridor color palette (#EBEFFF, #7860CF, #8600BE, #70006C, #17000A)
• Pale Grape Atelier color palette (#CEE3ED, #269C5D, #7300B7, #14051C, #01000B)
• Shadow Mulberry color palette (#EBE3FF, #860084, #2F4700, #3A0039, #030700)
• Aubergine Station color palette (#E8DCF0, #5F0082, #003E27, #002524, #040008)
• Lowlit Navy Coast color palette (#D2E5E9, #0066A1, #002587, #1F0043, #110016)
• Hazy Blush Corridor color palette (#E3E4F7, #D67598, #925405, #0E2C62, #0F041E)

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