Worn Pier color palette — #F7F0ED · #C8E4E1 · #7AA1C0 · #307B60 · #442D3F

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#C8E4E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7AA1C0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#307B60): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#442D3F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Weathered Meadow color palette (#F8F5EF, #C9E7E3, #67A2BD, #397B76, #335249)
• Wandering Petrol Drift color palette (#E9F5EE, #85BDD0, #D18675, #007E9A, #362F2C)
• Ancient Harbor color palette (#E5F1D3, #8CCABD, #2B9CA9, #00638B, #49304A)
• Lagoon Orchard color palette (#E6F7EB, #EBD3CF, #ACAA99, #54967C, #244038)
• Dusty Denim color palette (#F3E3DC, #67A8B4, #005F8A, #003B26, #01022F)
• Quiet Villa color palette (#F9F0E8, #B0DBC9, #4B7EE4, #00635C, #271A4B)
• Washed Navy Harbor color palette (#EDDED3, #5A92AE, #003FA4, #002C28, #050018)
• Cerulean Station color palette (#DCFAEF, #AEDCC8, #428BAC, #005371, #002532)

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