Weathered Pier color palette — #F7F3FB · #E1D7DB · #B5B4A9 · #BE67A1 · #312B39

Dusty Rose and Onyx set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F7F3FB): a clean, paper-quiet neutral.
• Silver (#E1D7DB): bright and airy, almost weightless.
• Ash (#B5B4A9): soft and architectural.
• Dusty Rose (#BE67A1): A luminous, balanced pink — the color of a candy shop window.
• Onyx (#312B39): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, 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

• Hushed Blush color palette (#FBF3F2, #E4D7CE, #D3BEAB, #D282AB, #423837)
• Softworn Pewter color palette (#F4F0F8, #E3D0D9, #BFB2C1, #85526C, #231E28)
• Tempered Basalt color palette (#F5F4FF, #DCC0E5, #B993A6, #3E7085, #223859)
• Weathered Amber color palette (#FBF2F6, #C7DCE1, #B7B6C0, #D77400, #432E37)
• Rust Drift color palette (#E2FDEF, #D9A1D5, #BC5E55, #005B6B, #381126)
• Weathered Bronze Canyon color palette (#FCF2F5, #CBDADF, #A2BED1, #A56600, #2C171E)
• Hushed Bronze Corridor color palette (#F4F4FF, #BF91D8, #A06900, #00545F, #290838)
• Worn Scarlet color palette (#FCF1FA, #C4F0E6, #E7D6D6, #EB0125, #331B30)

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