Plum Pier color palette — #FFF1F2 · #FFC1B8 · #F7712C · #B22362 · #582323

A conversation between Magenta Rose and Tangerine, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Wheat (#FFC1B8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F7712C): A luminous, vivid orange — the color of autumn markets.
• Magenta Rose (#B22362): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#582323): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Aged Blush color palette (#FFF1F1, #FFB0CE, #F5637C, #912E91, #4F2539)
• Quiet Brick Parlor color palette (#FFF2EC, #FFB678, #DD9D00, #AD3A24, #50280B)
• Mulberry Courtyard color palette (#FFECF0, #FFC2B5, #DFA137, #8D4694, #410A10)
• Antique Marigold color palette (#FFF2EA, #E2DAC5, #E2A631, #A45444, #4E4743)
• Garnet Villa color palette (#FBD7C4, #D57F50, #985D00, #670012, #1A0400)
• Pale Amber color palette (#F2D9C0, #BB8000, #804E00, #5C2F00, #362600)
• Muted Cocoa Bloom color palette (#FFF2EC, #DFD9CD, #AEBDCA, #AA777A, #783E1A)
• Weathered Tangerine Quarry color palette (#F0DCEC, #B1B200, #F16B00, #352200, #1F1209)

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