Weathered Harbor color palette — #E9EEE8 · #90A699 · #5B867B · #003F3D · #010600

Deep Teal takes the lead with Storm Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E9EEE8): bright and airy, almost weightless.
• Taupe (#90A699): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5B867B): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Ancient Abyss color palette (#D7E4DC, #AA99AD, #7478A0, #003D4C, #000603)
• Tempered Station color palette (#D2E5E9, #9BB9CA, #8498AC, #00605C, #06171A)
• Weathered Navy Terrace color palette (#EEE5ED, #BEAEB5, #A68288, #243C88, #120610)
• Aged Petrol color palette (#ECF4F0, #E5D5D9, #D8B3C5, #0074A0, #192923)
• Driftwood Terrace color palette (#EDF4EF, #CEDADB, #BFB1A3, #6A8C75, #333834)
• Denim Balcony color palette (#E3EBE8, #D5C6D1, #BD98A6, #00598F, #071A15)
• Olive Lantern color palette (#F9EFDD, #607100, #00430F, #002423, #020300)
• Gentle Nightshade color palette (#CFF2DC, #00A164, #007D8F, #3700D6, #000306)

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