Weathered Pier color palette — #EFF7F7 · #DADCE7 · #95BEEF · #308DB4 · #2B405D

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#DADCE7): a clean, paper-quiet neutral.
• Sky (#95BEEF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#308DB4): A luminous, balanced blue — the color of deep harbor water.
• Navy (#2B405D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Cerulean Drift color palette (#EFF7F6, #D7DEEA, #9BD6EE, #47A1A9, #325167)
• Hushed Cerulean color palette (#EBF8F6, #A9D3E6, #0088A5, #005153, #000F17)
• Ancient Periwinkle color palette (#EFF6FF, #DAD8E2, #B9AEA7, #72A6D2, #3A4B65)
• Patina Grove color palette (#EBF7FF, #ACDFFF, #42A6E7, #0F70B9, #244167)
• Softworn Orchard color palette (#EEF6FF, #91BEF5, #CC90DB, #00A89E, #192C42)
• Cobalt Field color palette (#EEF6FF, #B2D9FF, #EE9EC8, #388EDB, #53283F)
• Turquoise Corridor color palette (#EFF7F5, #D4DFEC, #4AB7C8, #008078, #003540)
• Worn Grove color palette (#DFF3EE, #7BC6C4, #00757C, #003F36, #000304)

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