Plum Pier color palette — #F1E9F8 · #B3097B · #005334 · #1F0074 · #050026

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

The five colors

• Blush (#F1E9F8): A whisper-light, dusty violet — the color of wild irises.
• Magenta Rose (#B3097B): A full-bodied, vivid rose — the color of a warm blush.
• Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#1F0074): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#050026): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Plum Grove color palette (#F1E3F3, #BD0047, #00523F, #3F004D, #110017)
• Grape Dune color palette (#E7E9FF, #7F2FD1, #4D4600, #00176E, #000324)
• Pale Corridor color palette (#DDDEF4, #8637BC, #305000, #002C37, #00090E)
• Lowlit Courtyard color palette (#F5DACF, #C20515, #004829, #00162C, #000105)
• Misty Peony Boulevard color palette (#EFE1FE, #F436B6, #0A8247, #56008B, #340057)
• Cocoa Bloom color palette (#F4DFD3, #802900, #232F00, #00171B, #0A0021)
• Aubergine Loft color palette (#E4E0F1, #B17468, #775D00, #452B6B, #221438)
• Pale Villa color palette (#ECDBEB, #D3585D, #007368, #780053, #3D051F)

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