Grape Field color palette — #EDD7E2 · #9987E8 · #E24A3A · #6D2EDE · #530201

A conversation between Violet and Scarlet, giving this palette its sense of creativity and energy.

The five colors

• Shell Pink (#EDD7E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Wisteria (#9987E8): A luminous, balanced violet — the color of a velvet chair.
• Scarlet (#E24A3A): A luminous, vivid orange — the color of sun-warmed clay.
• Violet (#6D2EDE): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#530201): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Creativity, Energy. 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

• Powdered Ultramarine Canyon color palette (#E9D8E7, #7097E3, #DA4783, #024BEF, #4D0827)
• Byzantium Coast color palette (#F5D5DA, #C476CA, #C16F00, #9E03AA, #3F2000)
• Chalky Grove color palette (#F5D7E6, #8874D5, #D02F7C, #007493, #20173F)
• Muted Aubergine Market color palette (#F2D5E0, #8D67C6, #856500, #5C1E9A, #352600)
• Dusty Hollow color palette (#C2E8DD, #579EDF, #CC519F, #0066AC, #4B0536)
• Weathered Byzantium color palette (#F6D3DE, #B17DDE, #0097A8, #8A14CB, #002F36)
• Ancient Indigo Ridge color palette (#FFEDF4, #E8CDF7, #D298C6, #7367BE, #382547)
• Powdered Atelier color palette (#D6DCFC, #C7B5FF, #BAA203, #7759B9, #302900)

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