Plum Pier color palette — #FBF3F1 · #DFB5AD · #7F824A · #A14E65 · #302E27

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Rosewood Mist (#DFB5AD): A luminous, dusty orange — the color of autumn markets.
• Walnut (#7F824A): A full-bodied, dusty green — the color of fresh herbs.
• Magenta Rose (#A14E65): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#302E27): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

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

• Bronze Dune color palette (#FBF4EE, #E4B498, #4C8E5C, #9E5829, #2D2F28)
• Hushed Bronze color palette (#F6F0F4, #EAB5A9, #AA7811, #A35A4B, #0F1910)
• Dusty Pewter color palette (#FBF3F5, #D2B3DE, #AC6B41, #875699, #332C28)
• Worn Drift color palette (#FBF3F0, #FEC0B2, #C69030, #C27464, #312D27)
• Chestnut Lagoon color palette (#FFF2EF, #D5AC94, #A7794C, #6D5A00, #444A00)
• Softworn Loft color palette (#FEF4E4, #CE9794, #8C7349, #43568F, #6E3707)
• Wandering Driftwood color palette (#FAF4F0, #DCDAD3, #A1AFAB, #A47469, #59504C)
• Patina Bronze color palette (#EAE1D5, #876100, #003B3D, #342300, #000202)

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