Plum Pier color palette — #FFF0F8 · #A2D2FF · #BC8FFF · #B83C81 · #3E284B

A conversation between Magenta Rose and Wisteria, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#A2D2FF): A whisper-light, balanced blue — the color of deep harbor water.
• Wisteria (#BC8FFF): A luminous, vivid violet — the color of a velvet chair.
• Magenta Rose (#B83C81): A full-bodied, vivid rose — the color of pressed rose petals.
• Royal Purple (#3E284B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Plum 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

• Dusty Rose Coast color palette (#FFF1F5, #C5D8FF, #CC96EC, #CF596C, #4F2E45)
• Ancient Wisteria Grove color palette (#EFF1FF, #C4C7FF, #B282FD, #AD5AB7, #191631)
• Airy Orchid color palette (#FFF0FD, #59E3F6, #70A8FF, #B354B2, #322859)
• Worn Scarlet Pier color palette (#FFF1F3, #B3BBFF, #C57ACD, #CE2E14, #48233E)
• Timeworn Mulberry Grove color palette (#E2DEFF, #AB84C6, #9C4190, #8A105D, #62252F)
• Pale Magenta Corridor color palette (#FFF1F1, #BFACFF, #F51BD0, #B83600, #52002B)
• Pale Garden color palette (#EDDCDA, #A267CF, #B1006B, #573100, #0D0001)
• Forest Lantern color palette (#F2D7F5, #C599AE, #966682, #295D3D, #004B4C)

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