Weathered Pier color palette — #EFF7FA · #7AD0DD · #427FC6 · #007B89 · #272F37

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Ice Blue (#7AD0DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#427FC6): A full-bodied, balanced blue — the color of deep harbor water.
• Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#272F37): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Muted Studio color palette (#F1F5FB, #A7C2EB, #8F69B7, #476DA8, #2C2C39)
• Washed Lagoon color palette (#EDF7F8, #94CEBC, #008E98, #207E68, #233035)
• Iris Harbor color palette (#E9F4F6, #8AD4C5, #8776BA, #338173, #14151E)
• Washed Basin color palette (#EBF7FF, #97C9EA, #4983BC, #3A5D97, #374477)
• Cobalt Corridor color palette (#E3FBFB, #74AFD6, #5177B5, #714A6C, #3C4956)
• Wandering Seafoam color palette (#F1F7F0, #78E8D9, #8799D3, #4A9C92, #362933)
• Muted Ultramarine Lagoon color palette (#EBF7FF, #00B1E5, #2C52DC, #005E7C, #0C1C37)
• Hushed Cerulean color palette (#EFF6FA, #D7DAE1, #B4AAB1, #60889D, #4A545A)

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