Weathered Harbor color palette — #EDF6FF · #D9D8CC · #628AAF · #304960 · #141C24

A conversation between Slate Blue and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Bone (#D9D8CC): bright and airy, almost weightless.
• Slate Blue (#628AAF): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#304960): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#141C24): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Washed Indigo Field color palette (#F3F4FE, #C9F4BE, #7D67AF, #3C3057, #0C0E1C)
• Celadon Chapel color palette (#EFF8F3, #C2ECBA, #73A7BC, #5A7467, #222F28)
• Washed Alley color palette (#F6EFF7, #DEBBA4, #446486, #3D2840, #181118)
• Ancient Mallow Veranda color palette (#F0F6FB, #D7DBE6, #D896C4, #5EA1D1, #201C26)
• Ancient Coral color palette (#EEF6FE, #88CBFE, #E8958B, #7E894E, #28333D)
• Patina Lilac color palette (#E5FBF6, #C9DEFF, #B990C7, #547F56, #393F4F)
• Chalky Sapphire Boulevard color palette (#EFF6FF, #FFD087, #3164CC, #142B5B, #010715)
• Washed Coral color palette (#F0F6FD, #94B6FD, #CC6C6A, #5A7543, #1E2937)

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