Weathered Pier color palette — #F5F3FF · #CB9BD7 · #D9847D · #718F53 · #1A2836

Coral Clay takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Mauve (#CB9BD7): A luminous, balanced pink — the color of a candy shop window.
• Coral Clay (#D9847D): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#718F53): A luminous, balanced green — the color of a quiet forest floor.
• Midnight (#1A2836): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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 Basin color palette (#FAF2FB, #E6A3AE, #CB9576, #619378, #2A313E)
• Softworn Field color palette (#F3F4FF, #C7AEFA, #C49659, #638956, #004239)
• Tempered Powder Grove color palette (#E3FBF6, #BCC1FF, #C890B7, #55916E, #393A54)
• Timeworn Wisteria color palette (#F0F5FF, #9EB4FF, #C882BC, #97762B, #102C36)
• Weathered Coral Basin color palette (#FFF0FE, #FF8074, #A18F00, #008677, #181733)
• Muted Field color palette (#E4E2F3, #CD8EE0, #776A7F, #494757, #161820)
• Dusty Fuchsia Summit color palette (#EDEAFF, #DA6CFF, #BA6F00, #6C6C00, #001B2C)
• Bronze Summit color palette (#E8F8FF, #5EBCCA, #A87F00, #4F6900, #001C1E)

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