Weathered Pier color palette — #EDF8F4 · #A3CAC4 · #598C8B · #5A6779 · #3E524F

Storm Blue and Stone set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Stone (#A3CAC4): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#598C8B): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#5A6779): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3E524F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 color palette (#ECF5EC, #AACCBE, #5D8D89, #69597C, #23362E)
• Worn Ash color palette (#F1F7F2, #D4DFF0, #6CA1BD, #3B7B78, #415568)
• Antique Driftwood color palette (#F9F2FF, #EBD6DD, #E0B8BC, #867EA5, #534856)
• Washed Teal color palette (#F8F2FF, #D39CBF, #64A98B, #935F80, #1F5759)
• Wandering Lagoon color palette (#DCFDF8, #5CB88E, #007B6B, #4B4C75, #004445)
• Fern Lantern color palette (#F9F4EF, #D9D1B1, #80A784, #9C7071, #5B4C00)
• Aged Balcony color palette (#F9F2FF, #BC85A0, #8E8D4F, #477E96, #483E50)
• Fern Thicket color palette (#F7F5ED, #DEE2B9, #90C4A5, #A892A6, #4F5100)

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