Grape Field color palette — #EDF1FF · #9486F1 · #A67B00 · #5C30CD · #2C1E00

Iris and Lavender Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender Blue (#9486F1): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A67B00): A luminous, balanced gold — the color of old brass.
• Iris (#5C30CD): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#2C1E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Ultramarine Drift color palette (#EAF2FF, #6493FF, #AE7600, #2850BD, #2E1C00)
• Timeworn Aubergine Bloom color palette (#EFF1FF, #BC8DF7, #8A8400, #6A14AB, #242200)
• Tempered Amethyst color palette (#FFF0F8, #B9B6FF, #C09400, #6737EC, #4A3700)
• Aubergine Workshop color palette (#DADFEE, #8381DE, #507700, #371298, #0B1600)
• Dusty Violet Courtyard color palette (#E5E0FF, #8965E9, #8A7300, #5B6900, #1A0C39)
• Hushed Lapis color palette (#F1F5FF, #8388E8, #009382, #4E2AE3, #00453C)
• Quiet Moss color palette (#F4EFFD, #CA8DB7, #919334, #8E487A, #292A00)
• Misty Meadow color palette (#E4F5FF, #00A8D5, #B86F00, #006581, #311A00)

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