Grape Workshop color palette — #F8E2EE · #8E87CC · #8E7C00 · #5630BC · #221C00

A conversation between Plum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8E2EE): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#8E87CC): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#8E7C00): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#5630BC): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pale Navy Veranda color palette (#F3E3F2, #6A93CC, #B76C0D, #004BA4, #2C1600)
• Aubergine Summit color palette (#F6E3E8, #A77FB9, #529344, #790A9A, #052400)
• Pale Alley color palette (#E9EEFF, #A39BF0, #B09E17, #6753C7, #3D3605)
• Patina Villa color palette (#FCE8F0, #8668C0, #7F6E00, #4E6500, #260617)
• Washed Aubergine color palette (#F3DEE6, #7D4DB9, #615A00, #49007F, #090800)
• Scarlet Lantern color palette (#FAE9F2, #877FDB, #D03B3D, #533EAF, #572220)
• Weathered Study color palette (#FADCDE, #DB5EBF, #4F8000, #71005F, #0D1A00)
• Indigo Canyon color palette (#F1F5FF, #B8B6FF, #EB847E, #705AE5, #481313)

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