Weathered Pier color palette — #FBF3F1 · #C7DCDF · #A2C9F3 · #759E74 · #34554D

Moss and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C7DCDF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A2C9F3): A whisper-light, dusty blue — the color of open sky before noon.
• Moss (#759E74): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#34554D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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

• Teal Summit color palette (#FAF4F0, #C5DEEB, #C5BCE8, #39A59C, #5E4451)
• Timeworn Ash color palette (#F9F3F9, #D2D7F1, #6BA3B4, #497973, #435466)
• Aged Aqua Market color palette (#FDF0FD, #E8D7D7, #7BCCD4, #AFB1A5, #5F4A56)
• Antique Ridge color palette (#FEF0FD, #B0CDFC, #D8B671, #BE9D5A, #443143)
• Denim Cabin color palette (#FAEAE4, #65B0B6, #005D7D, #002D16, #000106)
• Ancient Azure Pier color palette (#EBF9F5, #D8DBF8, #E7C78E, #5D9FDE, #56431D)
• Wandering Periwinkle color palette (#FCF3ED, #C2E4F6, #86A5E5, #008078, #302553)
• Hushed Basalt Station color palette (#FFF2EB, #E0DCC3, #C8A691, #9C6A73, #503C00)

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