Weathered Pier color palette — #F9F3F8 · #E5D8D7 · #D2BBB0 · #61749B · #4D444C

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E5D8D7): bright and airy, almost weightless.
• Stone (#D2BBB0): A luminous, dusty orange — the color of toasted spice.
• Slate (#61749B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4D444C): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Petrol color palette (#EEF2F9, #DCD6E3, #C4B9C7, #637599, #292C32)
• Driftwood Loft color palette (#FAF3F6, #E3D8D4, #A8AFA1, #9B7586, #5A4F53)
• Washed Byzantium color palette (#FCF2F4, #E8D7CB, #D8B3A0, #8F499D, #4D3A3E)
• Pine Coast color palette (#FCF4E9, #ADB489, #408451, #704C65, #4E4200)
• Antique Atelier color palette (#FDF2F7, #E4CBCF, #CB95A2, #593FB8, #3E2D37)
• Garnet Canyon color palette (#ECDFDE, #CAB3A9, #A68868, #6F254B, #2D1918)
• Softworn Violet Archive color palette (#EFE0E6, #7D58BF, #482539, #291A21, #120A0D)
• Tempered Navy color palette (#EEE5EB, #B9A2A8, #9A7472, #292483, #1B0F18)

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