Worn Pier color palette — #FFE8D4 · #F8B144 · #B48F25 · #7C6E23 · #4A4841

Saffron takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFE8D4): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#F8B144): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#B48F25): A luminous, balanced gold — the color of old brass.
• Walnut (#7C6E23): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4A4841): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Timeworn Apricot color palette (#FFDFDB, #FC986B, #D17F38, #885C2B, #4B4741)
• Chalky Mustard color palette (#FCF4E5, #D5B530, #989CEB, #967F18, #57364B)
• Worn Alley color palette (#FFF4DD, #CBCA76, #9EAC66, #637C54, #4B4D45)
• Pale Amber Lagoon color palette (#E2FFE0, #F3CF90, #BF9727, #856D00, #413B00)
• Hazy Mustard color palette (#ECDEC2, #BDA600, #7F8400, #4A5A00, #1F3D00)
• Bronze Canyon color palette (#EADFD1, #947300, #665C00, #353900, #0E1600)
• Tempered Fern Thicket color palette (#FFF5D9, #C4F5D2, #94DBD3, #AF9471, #5D4D00)
• Worn Mustard Field color palette (#FFF5DA, #B7A71C, #00A9CF, #A77493, #3A3831)

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