Weathered Harbor color palette — #EDF7FA · #D3DCE7 · #B6C1D2 · #4E7C88 · #3D4A4E

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D3DCE7): a clean, paper-quiet neutral.
• Ash (#B6C1D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4E7C88): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3D4A4E): quiet, heavy and certain.

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

• Tempered Lagoon Loft color palette (#EBF4F6, #D1D8E2, #B7BDCA, #41827B, #242E30)
• Muted Pewter Bloom color palette (#EBF7FF, #A4BED8, #7486A2, #615977, #573F4F)
• Abyss Corridor color palette (#E0ECF1, #91AEBC, #668495, #004044, #00171F)
• Tempered Courtyard color palette (#E8EDFA, #B3B8CC, #898CA9, #393982, #191F2D)
• Wandering Teal color palette (#EFF7F8, #D6DBE4, #BBB1C0, #43C3B0, #3B4B4E)
• Softworn Olive Summit color palette (#E6FBF2, #A5B882, #5F7E4B, #42605E, #314841)
• Quiet Cabin color palette (#E8F8FF, #56FEF7, #32D1E4, #449BC7, #21414F)
• Teal Grove color palette (#DEFDF8, #00ACB5, #1B748F, #514571, #27414C)

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