Grape Pier color palette — #F4D7E6 · #5F21D5 · #5A3600 · #022F04 · #000406

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

The five colors

• Shell Pink (#F4D7E6): A whisper-light, dusty rose — the color of strawberry cream.
• Iris (#5F21D5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#022F04): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000406): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Nocturne Aubergine color palette (#FFE7EE, #7300A0, #403100, #002319, #000104)
• Softworn Corridor color palette (#F1E0E3, #9B2EB8, #6E3400, #00310E, #000C18)
• Denim Studio color palette (#FAE7F9, #005BAB, #772200, #262600, #000500)
• Hazy Indigo Archive color palette (#FFF0FC, #705FFF, #496400, #2D3F00, #010200)
• Timeworn Bloom color palette (#EADECB, #9B50C7, #821C56, #273100, #1B031C)
• Mulberry Field color palette (#FBDBDC, #A20087, #394500, #003233, #090006)
• Mulberry Summit color palette (#FAE3E5, #8F0085, #1F2319, #2F0B1A, #0F0103)
• Aubergine Orchard color palette (#FFE2E5, #670058, #2C2B00, #001412, #01000A)

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