Weathered Harbor color palette — #F5F6EE · #96D0DF · #0085A8 · #005F65 · #164435

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sky (#96D0DF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0085A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#164435): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Workshop color palette (#F4F7EB, #94D8FE, #0087CB, #006379, #1D4265)
• Petrol Study color palette (#EBF1E0, #85B7E1, #2769B0, #004C67, #162C55)
• Patina Ash color palette (#F5F6EE, #C4E8E3, #6AA3B4, #3D7A7B, #42584E)
• Muted Cerulean Loft color palette (#DFE1D5, #008EB0, #00425B, #002226, #000A15)
• Peony Veranda color palette (#FFE8EA, #C763B4, #0081BC, #803573, #0F3952)
• Timeworn Field color palette (#FCF3EE, #C6EAD4, #75B8F2, #00A47F, #2F3760)
• Antique Navy color palette (#EAF1DD, #5894CF, #004499, #002C42, #030C3C)
• Weathered Stone Alley color palette (#FFF2F0, #F5D3C7, #D99C94, #885C77, #4F3430)

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