Weathered Harbor color palette — #E5ECE5 · #9DAEA4 · #6C867C · #004042 · #08180A

Deep Teal and Ink set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E5ECE5): a clean, paper-quiet neutral.
• Ash (#9DAEA4): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6C867C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004042): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#08180A): 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

• Patina Navy color palette (#DDECE7, #B3A4B0, #937586, #003A61, #061813)
• Ancient Abyss color palette (#E4EFF1, #A8B7C1, #8996AD, #005F5E, #00171D)
• Timeworn Navy Boulevard color palette (#EFE6EC, #C2B5BB, #A6838C, #32388D, #2A1925)
• Patina Balcony color palette (#EFF8F1, #C2D9CE, #84B2A6, #006672, #24382A)
• Patina Navy color palette (#D5EADC, #00A899, #007D96, #004494, #00111A)
• Softworn Navy color palette (#D4F6FD, #527DA3, #3C3D76, #491A10, #201A00)
• Muted Market color palette (#EBE6D7, #567730, #004416, #002923, #091300)
• Dusty Balcony color palette (#F9F3F8, #E4D5D6, #C3ACB4, #4A6296, #423640)

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