Weathered Pier color palette — #E1EFEE · #3D81A3 · #003F63 · #001E26 · #000104

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1EFEE): bright and airy, almost weightless.
• Cerulean (#3D81A3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Navy Atelier color palette (#EDDED3, #5D8C79, #003B75, #002223, #05002C)
• Denim Lagoon color palette (#EBEFE1, #639AB7, #005E8C, #003A46, #000A18)
• Softworn Alley color palette (#DFEDE9, #8CBCCA, #007A81, #004C42, #001A1F)
• Nocturne Drift color palette (#D3EDD9, #006440, #003629, #001711, #000302)
• Nightshade Alley color palette (#C5EAF0, #00594D, #2B2195, #00251F, #01000A)
• Airy Ridge color palette (#DEF8F8, #94C0EC, #256FD1, #004C6D, #041248)
• Dusty Field color palette (#DBE8E7, #3A8399, #004258, #001F23, #000103)
• Worn Navy Dune color palette (#DAEBEB, #4B7DA6, #003B72, #001D2A, #000107)

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