Grape Pier color palette — #F8E7EC · #DFB5D8 · #E57B98 · #664AC0 · #391A3A

Iris takes the lead with Rose close behind in a set that reads as creativity and balance at first glance.

The five colors

• Blush (#F8E7EC): a clean, paper-quiet neutral.
• Carnation (#DFB5D8): A whisper-light, dusty pink — the color of peonies in June.
• Rose (#E57B98): A luminous, balanced red — the color of embers at dusk.
• Iris (#664AC0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#391A3A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged pastel, light.

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

• Airy Grape Pier color palette (#F6D5D4, #F5A6B0, #DE886F, #86439C, #441628)
• Faded Sapphire Boulevard color palette (#F9E6F3, #C4B5E0, #CB84BF, #0068BC, #251A49)
• Muted Terrace color palette (#F4F4FF, #FFD5F2, #FC9DB6, #605995, #1A112B)
• Ember Bloom color palette (#F3DDE7, #E5A0CD, #D76138, #034A89, #361722)
• Cobalt Quarry color palette (#DDE2FA, #FAB3DD, #F39B81, #5C8CD1, #2A223E)
• Magenta Alley color palette (#FFEEED, #FFCED6, #FF997A, #BB50C7, #571B34)
• Airy Bloom color palette (#F2DBD6, #D6887D, #B97737, #870064, #1F0003)
• Patina Ash color palette (#FFF1F0, #E1D9D0, #ADBECB, #BA8FB3, #604742)

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