Worn Pier color palette — #FEF4E3 · #DA9381 · #9C6D24 · #02666E · #4D4641

Ochre and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#DA9381): A luminous, balanced orange — the color of autumn markets.
• Ochre (#9C6D24): A full-bodied, balanced gold — the color of old brass.
• Peacock (#02666E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4D4641): quiet, heavy and certain.

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

• Antique Amber color palette (#FFF2EB, #CA846A, #617A40, #005E6E, #583745)
• Tempered Rust color palette (#FEF4E5, #CB95B1, #AA5E57, #376549, #58413E)
• Washed Field color palette (#FDF4E6, #BFA372, #6D8133, #3F5C7C, #5B4400)
• Worn Blush Archive color palette (#E6FBF0, #FD9EB0, #A98E59, #4F7390, #52424D)
• Amber Market color palette (#FFF4E2, #D16D00, #715F00, #004D64, #4C2E00)
• Stone Dune color palette (#EBFAEC, #FAC3A4, #CCA779, #759673, #583F4A)
• Worn Fern color palette (#F4F6ED, #B6C8A4, #439089, #7D5D56, #3C5717)
• Antique Bronze Lantern color palette (#FBEFE6, #AD6A39, #533600, #31261D, #181511)

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