Grape Pier color palette — #F4D9E9 · #4A15D5 · #603C00 · #202F00 · #01000E

Iris takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F4D9E9): A whisper-light, dusty pink — the color of peonies in June.
• Iris (#4A15D5): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#202F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#01000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Shadow Aubergine color palette (#F2D5E4, #6000B4, #4A3000, #00220C, #000204)
• Midnight Nightshade color palette (#EDDBE8, #2100A4, #2C2C00, #131400, #050004)
• Soft Lapis Market color palette (#E3EAFF, #6650D9, #755F00, #554500, #02000D)
• Aubergine Alley color palette (#DADCF3, #65209E, #75000E, #291100, #020006)
• Denim Balcony color palette (#D2F0E8, #005592, #752900, #2E2A00, #000206)
• Mulberry Coast color palette (#EED9DB, #880386, #454A00, #003129, #050005)
• Pale Byzantium Cabin color palette (#F7E5CA, #8E2BB0, #720040, #182400, #0A0009)
• Feathered Station color palette (#F2D6DB, #A632AF, #616600, #004E43, #1A021C)

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