Weathered Harbor color palette — #F8F3F9 · #D2D6EB · #88D4EB · #84AF82 · #445465

Ice Blue and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#D2D6EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ice Blue (#88D4EB): A whisper-light, balanced blue — the color of deep harbor water.
• Sage (#84AF82): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#445465): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, 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

• Stone Atelier color palette (#E8F9FB, #D8DCE7, #94C7BC, #B7ACA4, #44555C)
• Wandering Grove color palette (#ECF8FB, #92E7E0, #FFAEAE, #3EBEB7, #594559)
• Softworn Aqua color palette (#F9F4EE, #CAEADF, #62C2CD, #58957B, #375143)
• Cypress Archive color palette (#F8F0EC, #C8E6DC, #81A78E, #467858, #233C33)
• Faded Market color palette (#FEF1FA, #ACF2FE, #5BC1FF, #1BAA77, #2A3D6E)
• Muted Glacier Terrace color palette (#E5F9FF, #70DBDB, #F5A69C, #CC966C, #2F474D)
• Softworn Cobalt color palette (#EADFE8, #76BDC7, #008EC4, #007146, #020F37)
• Aged Thicket color palette (#FFF0F8, #C2E4C5, #DEA88B, #A586A5, #3C4C44)

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