Weathered Harbor color palette — #FAF3F5 · #DADDEE · #8998BF · #137C8B · #4B516B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8998BF): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#137C8B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4B516B): A full-bodied, dusty violet — the color of a velvet chair.

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

• Powder Drift color palette (#EFF7F7, #D9DBEA, #94B4DE, #5D8DA8, #455369)
• Worn Petrol Terrace color palette (#F1F3EC, #C1E5EA, #7B9FCC, #367391, #412F3F)
• Muted Cypress color palette (#E9F8FD, #76BEBE, #C78198, #008384, #584462)
• Antique Pine Veranda color palette (#FBF2F8, #BFE4ED, #3A98AD, #007546, #2A4B64)
• Wandering Coast color palette (#F6EBF2, #8BB8D1, #006FA7, #005048, #182C55)
• Denim Loft color palette (#EADFE7, #5E9BA0, #005269, #003123, #001529)
• Hushed Bronze Lantern color palette (#EAF8FF, #67A2B4, #A478A3, #AE5D35, #2E4652)
• Powder Thicket color palette (#FAF4ED, #C5E1F3, #B3C6F3, #88AC92, #604C56)

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