Weathered Pier color palette — #EFF7F6 · #D6DEEA · #56B4CF · #007F81 · #003445

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

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D6DEEA): bright and airy, almost weightless.
• Cyan (#56B4CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007F81): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003445): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Cerulean color palette (#EEF8F7, #D9DDE8, #81C3F1, #0091AD, #23425E)
• Worn Turquoise Lagoon color palette (#D3FFFE, #5FDFE7, #00A9BA, #00687C, #00313F)
• Worn Denim Courtyard color palette (#DAE7E5, #6AAEBF, #005E77, #002B2E, #000103)
• Moss Bloom color palette (#E9F8FF, #6FCFE2, #A5AF4B, #008598, #282B00)
• Dusty Cobalt Lagoon color palette (#DDF3F2, #8DBDE3, #0068B8, #003B4F, #00020C)
• Dusty Veranda color palette (#F5F6EC, #A9D0B5, #0D85A1, #005F61, #094154)
• Cerulean Coast color palette (#FAEFEB, #87D6E3, #3086AB, #075D4B, #2E1630)
• Hushed Emerald color palette (#E8F8FF, #00BBCF, #7E8EE8, #249722, #001F2A)

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