Plum Pier color palette — #E3F8EF · #17B5F6 · #AB3388 · #00638A · #170204

Magenta Rose and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3F8EF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#17B5F6): A luminous, balanced blue — the color of deep harbor water.
• Magenta Rose (#AB3388): A full-bodied, vivid pink — the color of peonies in June.
• Peacock (#00638A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#170204): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.

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 Atelier color palette (#EBF7FF, #00B3DD, #AD1779, #005F77, #23162E)
• Linen Pier color palette (#E7F6EC, #00BBDB, #8F33C8, #006679, #150309)
• Aged Pier color palette (#FAEDF8, #7AA5FF, #BD274D, #2A53B4, #190200)
• Washed Mulberry color palette (#D6EAE4, #0094E8, #961061, #004A77, #080000)
• Hushed Orchid color palette (#EDF6FF, #79C2FF, #AF59D6, #007DC5, #1C1737)
• Pale Ridge color palette (#E8FACB, #428EFF, #814198, #334600, #17163D)
• Washed Mallow color palette (#F9EFF1, #DAB0F5, #AB7358, #806590, #1E130C)
• Amethyst Loft color palette (#DCEFFC, #88A1FF, #7845D0, #6B106D, #3A0023)

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