Weathered Harbor color palette — #ECF3F6 · #D6D7DF · #BAACB6 · #5E8A9D · #2E383C

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D6D7DF): bright and airy, almost weightless.
• Ash (#BAACB6): A luminous, dusty pink — the color of a candy shop window.
• Storm Blue (#5E8A9D): A luminous, dusty blue — the color of deep harbor water.
• Deep Teal (#2E383C): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered Harbor 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

• Weathered Petrol color palette (#EBF3F9, #D7D4E3, #BCBBDD, #0074A1, #192731)
• Ancient Lagoon Summit color palette (#EAF5EF, #A0CEC7, #559080, #506474, #1F3633)
• Muted Ash Quarry color palette (#F0F7F2, #E0D4D2, #A7A89C, #6E9D98, #4E5550)
• Washed Cobalt color palette (#E6F7E9, #71BABA, #6474B2, #644F21, #1B2F3A)
• Patina Pewter color palette (#E4EDF2, #848E9D, #6F638A, #002F3C, #000103)
• Navy Hollow color palette (#E7EDF7, #B1B2C2, #9585A9, #223A8E, #050B16)
• Washed Station color palette (#E6F4FE, #A1FEED, #75D0FF, #B08CC4, #223044)
• Ancient Cobalt color palette (#E5EFF8, #3F88C3, #363A50, #171F27, #080D10)

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