Weathered Pier color palette — #F0F7F1 · #B6DBEB · #58A0BC · #007D73 · #163E58
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#B6DBEB): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#58A0BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007D73): A full-bodied, balanced teal — the color of sea glass.
- Navy (#163E58): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Aged Cerulean color palette (#F0F7F2, #D3DEFD, #7DAAD3, #278995, #364868)
- Dusty Turquoise Thicket color palette (#FAF4EC, #BBE7F2, #00B7E6, #008076, #0A372B)
- Patina Cobalt color palette (#E5F3E8, #A3C9E8, #4489D5, #00697A, #1E2B53)
- Timeworn Harbor color palette (#D8E3DA, #5A9EAF, #006082, #003C3A, #000A17)
- Timeworn Emerald color palette (#FEF2ED, #CAE9D3, #67BBF2, #23A375, #2C395C)
- Timeworn Peony Archive color palette (#ECDDFF, #CB73AD, #9B8A04, #0085A3, #312440)
- Sunlit Harbor color palette (#D7E5D9, #75A8D0, #1161C9, #004857, #09093D)
- Weathered Hollow color palette (#F7F2FF, #FACFE3, #FAAE9A, #9672A6, #45384E)
Browse the whole catalog at Explore, or see today's palette.