Weathered Pier color palette — #F9F3F9 · #7A9AC7 · #955B7B · #704B00 · #134E39

Bronze and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Blue Fog (#7A9AC7): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#955B7B): A full-bodied, balanced rose — the color of strawberry cream.
• Bronze (#704B00): A full-bodied, balanced gold — the color of old brass.
• Forest (#134E39): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Worn Fern color palette (#FDF2F5, #A18EB8, #9C5D50, #4E5B00, #094C52)
• Muted Cocoa Dune color palette (#EDF8F2, #65A2B9, #7F6199, #7F3D33, #44423B)
• Washed Pewter color palette (#ECF5E9, #61ACA0, #995985, #355628, #222B0C)
• Powdered Terracotta Drift color palette (#FEECF3, #8168A9, #902E15, #2A4300, #00313F)
• Washed Amber Workshop color palette (#EBF7FD, #6BBFD4, #BC7864, #61703E, #274A40)
• Bronze Corridor color palette (#FFEFFF, #DBBFCD, #A28A8F, #926729, #635000)
• Timeworn Basin color palette (#FFF0FB, #B5B2E2, #8C76B9, #7A4E8F, #684047)
• Worn Cabin color palette (#F8F5EF, #CBE4E7, #AC8DAC, #0D7B92, #63495C)

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