Plum Pier color palette — #E5DDED · #7A7BEE · #CC0071 · #694200 · #260001

A conversation between Magenta Rose and Periwinkle, giving this palette its sense of optimism and creativity.

The five colors

• Silver (#E5DDED): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#7A7BEE): A luminous, vivid violet — the color of a velvet chair.
• Magenta Rose (#CC0071): A full-bodied, vivid rose — the color of a warm blush.
• Bronze (#694200): A full-bodied, balanced gold — the color of old brass.
• Ink (#260001): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Energy, 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

• Gentle Scarlet Canyon color palette (#ECDFEA, #BE6AE1, #CF011F, #4F5100, #180400)
• Plum Chapel color palette (#FFD8D2, #C44BC4, #C20069, #7D2D00, #0A0001)
• Tempered Byzantium color palette (#E3E0FF, #507BFA, #B300D9, #813300, #200017)
• Linen Rose color palette (#EDDCF1, #E060E3, #FA1A72, #A34400, #200005)
• Worn Cocoa color palette (#E2E1FD, #836286, #6B3130, #002F45, #1B163D)
• Worn Market color palette (#FEF0FF, #C99EFF, #FF5B84, #826100, #550104)
• Hushed Blush color palette (#FFE2DE, #BD9EFF, #FF617E, #B47A00, #200500)
• Softworn Plum color palette (#F7E6ED, #C32F49, #7D0B00, #311800, #0E0E00)

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