Weathered Pier color palette — #F5F6EE · #C9E5DF · #97BCA2 · #55938E · #335242

Storm Blue takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C9E5DF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#55938E): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#335242): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, 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

• Petrol Quarry color palette (#EFF0DE, #76C0C2, #008490, #005A51, #00242B)
• Muted Glacier color palette (#EFF7F6, #D5DFEB, #7DDCEF, #52A19C, #365160)
• Hushed Driftwood Grove color palette (#FBF5E7, #D2C48D, #69C3BE, #9E8C42, #3B5538)
• Ancient Meadow color palette (#F4F6EF, #C8E6EA, #C5A5C6, #5C8EA8, #61495F)
• Antique Canyon color palette (#FDF4E1, #C1B26B, #76B497, #B88379, #553F00)
• Weathered Denim color palette (#E7EADA, #4DA0B2, #00627A, #003B3E, #000B12)
• Timeworn Bloom color palette (#ECF1E1, #A4CFBF, #2E8DD1, #006882, #002E5A)
• Patina Chapel color palette (#FDF5DF, #D6E1C6, #A0C1D3, #BBA47D, #5E4A00)

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