Grape Pier color palette — #FFF1F6 · #A37ED5 · #878300 · #7B00CB · #3F3D00

Plum and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#A37ED5): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#878300): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7B00CB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3F3D00): 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 Pier 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 Bloom color palette (#FFF1F6, #B78CE7, #009663, #6C00AB, #00472C)
• Nightshade Study color palette (#FFF0FB, #849AFF, #7B8800, #311FD1, #393F00)
• Mulberry Delta color palette (#FFF1F2, #C274B6, #1CA12F, #8F0084, #02480D)
• Wandering Aubergine color palette (#F1D5E1, #886EBA, #138748, #55009D, #003316)
• Patina Wisteria color palette (#EFF0FF, #B472F9, #D94F00, #752DB2, #3C1000)
• Frosted Mulberry Lagoon color palette (#FFF1F2, #C887B3, #1BA17B, #983F80, #004F3A)
• Feathered Boulevard color palette (#FFE3EA, #AD66C9, #817400, #166A0A, #3F224B)
• Byzantium Hollow color palette (#FFF1F5, #CC8DFF, #FA670C, #9D3EDC, #632401)

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