Worn Harbor color palette — #F0F6FC · #80B5E0 · #805BA3 · #0D659B · #222234

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

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Sky (#80B5E0): A luminous, balanced blue — the color of deep harbor water.
• Slate (#805BA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#0D659B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#222234): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Worn 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

• Washed Meadow color palette (#ECF7FC, #53C0D4, #536AB1, #006C7B, #1D2431)
• Timeworn Loft color palette (#EAF3FA, #76BEDE, #9B5A92, #006F90, #100B1A)
• Timeworn Driftwood color palette (#F2F5FD, #AFC0E5, #A16790, #60689E, #302B36)
• Iris Harbor color palette (#E5FDE9, #8294D5, #7B5A90, #614918, #363C53)
• Wandering Aubergine color palette (#E8F2FF, #A3ADE4, #786AA8, #68357A, #5B1C56)
• Weathered Peony Garden color palette (#F0F7F3, #94CFE3, #C86C99, #008EAF, #331D1C)
• Hushed Petrol Terrace color palette (#F1F5FC, #DCD9E3, #C5BBCA, #637499, #424851)
• Dusty Pier color palette (#EEF6FF, #4C83BD, #8E4A3B, #4C4500, #0D2C33)

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