Weathered Pier color palette — #FFF1F4 · #CB9BDA · #81A56D · #886293 · #4D4E46

A conversation between Mauve and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#CB9BDA): A luminous, balanced pink — the color of a candy shop window.
• Moss (#81A56D): A luminous, balanced green — the color of new leaves after rain.
• Slate (#886293): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal Brown (#4D4E46): quiet, heavy and certain.

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

• Aged Pewter Lagoon color palette (#FFECF0, #CBA3D4, #8AA678, #895F93, #31322B)
• Worn Terrace color palette (#FFF0FB, #97ADEF, #B19554, #6170A0, #514C46)
• Weathered Blush color palette (#FFF2EE, #E497A2, #5FA995, #A05B66, #425336)
• Dusty Lilac Basin color palette (#F4F4FF, #D3B7E9, #95BE96, #9E7BB9, #2A5652)
• Aged Loft color palette (#FFF1F3, #C179C6, #729568, #318074, #513C40)
• Dusty Drift color palette (#FFF1F4, #E3D9D2, #E3C19E, #A58399, #604B4B)
• Mallow Atelier color palette (#FFF1F2, #EFB2E0, #9E71A0, #65415D, #4A2A2F)
• Peony Terrace color palette (#FFF1F2, #DA5AC0, #00956D, #942481, #004631)

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