Weathered Pier color palette — #EDF4EE · #C0E2F3 · #5896B4 · #0E6C68 · #152E44

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#C0E2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#5896B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#0E6C68): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#152E44): 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

• Patina Cerulean Summit color palette (#EBF5ED, #ACCCE4, #5380A9, #005A63, #0F1F3E)
• Cypress Orchard color palette (#FAF4F0, #CCE3D4, #5890BC, #007456, #3B456A)
• Aged Atelier color palette (#D6E5D9, #5A93AA, #004E77, #002B2E, #000411)
• Faded Teal Coast color palette (#B6F2E8, #3FB6BB, #008094, #005B74, #002D44)
• Patina Raspberry Grove color palette (#E4F5FF, #399ABD, #B0618E, #736E18, #022131)
• Tempered Amber color palette (#E4F5FE, #5CB1CA, #C4765E, #007088, #42190C)
• Lagoon Ridge color palette (#FAF3F8, #D6D4E1, #8FC1E9, #429377, #313F5B)
• Ancient Bronze Harbor color palette (#E5F8E6, #BAAB7D, #8D6F42, #684222, #10281E)

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