Weathered Pier color palette — #FEF1F8 · #E5D8D4 · #9FD0D1 · #A9B3AC · #5D4D51

A conversation between Oat and Charcoal Brown, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Bone (#E5D8D4): a clean, paper-quiet neutral.
• Oat (#9FD0D1): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A9B3AC): soft and architectural.
• Charcoal Brown (#5D4D51): A full-bodied, dusty red — the color of embers at dusk.

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

• Stone Field color palette (#F2F5FF, #E1D7E1, #E6B4AF, #6F859E, #4E4F60)
• Lichen Atelier color palette (#E0FFDE, #EEEBFF, #C2DAF2, #563F4B, #2B2628)
• Weathered Bronze color palette (#FDF4E9, #DAE6BF, #C8A97D, #A66942, #444200)
• Washed Basin color palette (#FFF0F9, #BABCFF, #55C1C9, #498CA4, #3B2C35)
• Aged Driftwood color palette (#FDF2F5, #C1E9F7, #927AA8, #593D47, #22181B)
• Hushed Courtyard color palette (#FFF1F3, #FFD8A2, #E3D7D1, #8487BC, #412623)
• Muted Driftwood color palette (#FFF1F0, #E6A3C0, #9C9343, #41688E, #2E1F1E)
• Worn Amber Ridge color palette (#FBD2E7, #DDA0C9, #CB6E3D, #004F82, #030004)

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