Worn Pier color palette — #EBF7FD · #83D2DF · #D49BB2 · #AE7249 · #22353C

A conversation between Mocha and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF7FD): a clean, paper-quiet neutral.
• Ice Blue (#83D2DF): A luminous, dusty blue — the color of open sky before noon.
• Mauve (#D49BB2): A luminous, dusty rose — the color of a warm blush.
• Mocha (#AE7249): A luminous, balanced gold — the color of honey in a jar.
• Deep Teal (#22353C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Ancient Bronze color palette (#ECF7FE, #78CBE2, #C77791, #976718, #0F2E2F)
• Patina Driftwood color palette (#EFF6FF, #A8C5EF, #DD9D82, #878637, #263342)
• Timeworn Bronze Harbor color palette (#EDF9EF, #BFE2FF, #9C9CCE, #9C623B, #304055)
• Washed Stone color palette (#ECF8F5, #B2CF83, #EDA08A, #8EA26E, #2E423C)
• Wandering Teal color palette (#E9F6EA, #25A8AB, #A87460, #874E25, #1B261B)
• Misty Loft color palette (#EEF6FF, #65A1E6, #CD6945, #666300, #03162B)
• Hushed Harbor color palette (#F0F6FB, #D9D9E1, #CCC0C3, #88B5D2, #454F57)
• Weathered Ridge color palette (#ECF7FF, #D6D8EC, #9DB8F2, #726CC2, #4C2B64)

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