Worn Pier color palette — #F1F3EC · #C2E4E6 · #74A2C7 · #347489 · #3F3041

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C2E4E6): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#74A2C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#347489): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F3041): A deep, shadowed, 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 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

• Jade Boulevard color palette (#E9F5F0, #7FBCDF, #7AAC64, #307AA0, #31322B)
• Washed Bloom color palette (#FBF2F6, #D9DFF0, #7E9BC2, #467785, #495269)
• Patina Lilac color palette (#FCECFB, #759ED9, #AD76B3, #3C8683, #2F232E)
• Denim Harbor color palette (#ECF0E1, #69A5C3, #005E8C, #003844, #000B1A)
• Timeworn Petrol Drift color palette (#E9EADE, #7EC0CA, #00788D, #004B4B, #001922)
• Timeworn Archive color palette (#FAEDFB, #EBD1D6, #D3A2A1, #6B9789, #3F323E)
• Dusty Cerulean color palette (#F2F3E9, #9ADEDF, #0094A1, #00635A, #002A33)
• Navy Grove color palette (#E7EBE1, #4E7DA7, #003978, #001D2B, #00000B)

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