Worn Harbor color palette — #FCF2F7 · #BBE2FD · #688DB7 · #1A706E · #3B4860

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Powder Blue (#BBE2FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#688DB7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#1A706E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3B4860): A full-bodied, dusty violet — the color of wild irises.

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

• Timeworn Cerulean color palette (#F9EEF3, #C3E1F5, #698FC4, #1E6C60, #222A46)
• Softworn Studio color palette (#FBF4EF, #C7EFDD, #8AA6D2, #1F8C80, #5B3D4E)
• Tempered Turquoise color palette (#F8F5EF, #C1E9EA, #97C3E9, #00ACBA, #344869)
• Aged Teal Garden color palette (#EDDCE8, #4CB0B2, #006176, #004028, #002237)
• Tempered Driftwood Studio color palette (#F9F2FF, #EBD6DB, #B3D6B5, #91779A, #5A4B58)
• Timeworn Cerulean Meadow color palette (#F8E5F2, #0090A6, #00425E, #00231C, #00081D)
• Peony Hollow color palette (#FBF1FF, #CD5C87, #238E75, #087085, #403246)
• Aqua Loft color palette (#FFF0FA, #45CFCA, #007B8F, #005931, #003850)

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