Worn Pier color palette — #FFF4E0 · #FFB5B5 · #B98834 · #39649E · #37302C

A conversation between Mustard and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#FFB5B5): A whisper-light, balanced red — the color of a theater curtain.
• Mustard (#B98834): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#39649E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#37302C): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Worn 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

• Pale Loft color palette (#FBF5E3, #FDB1D8, #D47446, #166D88, #462922)
• Weathered Taupe Harbor color palette (#FDF4E8, #FFD2B6, #A3A860, #6D6CA0, #433E38)
• Gentle Moss Canyon color palette (#FFF2EF, #F49EB3, #6B9A36, #2D5B9E, #362140)
• Sand Coast color palette (#E8FBE9, #FFB387, #CB9A5A, #688D67, #4E3440)
• Tempered Bronze Field color palette (#E4FDE9, #C68571, #876226, #005862, #4E3441)
• Faded Moss Garden color palette (#FFEAD9, #8B9200, #00644E, #4C0047, #010500)
• Nightshade Thicket color palette (#FFF4E0, #FF8147, #807400, #2C31A5, #261300)
• Airy Mustard Orchard color palette (#FFF3E8, #CAB846, #149560, #723378, #272200)

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