Plum Pier color palette — #FFE0DA · #C80064 · #155C03 · #003A41 · #00224E

Magenta Rose and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFE0DA): A whisper-light, dusty orange — the color of autumn markets.
• Magenta Rose (#C80064): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#155C03): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003A41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00224E): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Plum color palette (#FFD5CE, #CF0063, #005951, #003335, #001118)
• Softworn Archive color palette (#FFE1D2, #C62B00, #005A43, #003654, #1A016F)
• Raspberry Orchard color palette (#FFDFE1, #B700A8, #5B4A00, #003A44, #092032)
• Soft Hollow color palette (#EEE2FF, #EB44BF, #00772D, #005065, #002935)
• Cellar Coast color palette (#F2D9C3, #824600, #004039, #250057, #1C0020)
• Linen Coral Hollow color palette (#F2E2E8, #DF765D, #7C692F, #00556A, #193759)
• Softworn Ember color palette (#FFDADB, #FE502C, #954300, #593B00, #283202)
• Faded Moss Veranda color palette (#F3EBD1, #55A928, #006B4A, #583161, #163705)

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