Weathered Pier color palette — #FAF4F0 · #CCE6E3 · #70A0BF · #207F70 · #624961

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE6E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70A0BF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#207F70): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#624961): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Antique Pine Meadow color palette (#FAF4F0, #CEE4DE, #79A58D, #2A805D, #2A5448)
• Petrol Orchard color palette (#EBF9F1, #7CBBCE, #C8866E, #007F9A, #534B47)
• Softworn Atelier color palette (#EBF4F3, #D0DAED, #57A8C6, #28787E, #243947)
• Timeworn Denim Bloom color palette (#DBFFF2, #AEDBC6, #488EB2, #00587B, #073D57)
• Softworn Navy Drift color palette (#F8EAE1, #53899F, #003E6C, #002221, #03002E)
• Worn Denim color palette (#F3E7E2, #81AA8E, #005F83, #003F33, #001F43)
• Washed Bronze color palette (#E4FBF4, #729DC2, #B87281, #A1690B, #2F4841)
• Sapphire Lagoon color palette (#FFF3E7, #86BEEC, #305CEB, #00545E, #341979)

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