Worn Pier color palette — #FFF2EC · #E8D7C5 · #E0A274 · #A77434 · #4E4943

Built around Ochre, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#E8D7C5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#E0A274): A luminous, balanced gold — the color of old brass.
• Ochre (#A77434): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#4E4943): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged light, 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

• Apricot Workshop color palette (#FFF0FC, #F9A383, #AC6F47, #7E5C3B, #3E5341)
• Dusty Olive color palette (#FFF3E5, #DCE8B6, #BEB66D, #758339, #4B4B44)
• Pale Marigold color palette (#F1E0D2, #DE9E37, #8E6E00, #5D5100, #1E2100)
• Patina Amber Studio color palette (#FDF3EA, #E8DDB7, #92D5FF, #D2853A, #255042)
• Linen Moss Lantern color palette (#FFF3E4, #E0BD69, #A99200, #565D00, #233400)
• Dusty Chestnut color palette (#FDF3EA, #DDE2CA, #BECCD9, #E8B5A1, #6E4A00)
• Moss Corridor color palette (#F2E6D2, #AA9500, #6F6B00, #293A00, #071600)
• Hushed Pier color palette (#FCECE6, #B65800, #573300, #1C1100, #020100)

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