Worn Harbor color palette — #F5F6EE · #C5E8E1 · #6CA3B0 · #347C79 · #335242

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#C5E8E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6CA3B0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#347C79): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#335242): A full-bodied, 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 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

• Aged Petrol Atelier color palette (#F4F6EF, #C6E6EB, #7E9BC3, #407593, #5F4B5C)
• Denim Drift color palette (#E4E5D5, #62ADB1, #00636E, #003E3A, #00242C)
• Weathered Cypress Parlor color palette (#F7F0ED, #CBE2DD, #7BA893, #1F7C63, #422D46)
• Washed Pier color palette (#F2F8E4, #72A683, #4B95AC, #8B7335, #41433C)
• Lagoon Balcony color palette (#F9F3F8, #D5D5E8, #90B7D1, #509680, #425468)
• Antique Study color palette (#E6E8DB, #528A99, #004357, #002225, #000B13)
• Dusty Forest Workshop color palette (#ECFCDB, #A6D9BF, #528F75, #175B41, #0D4230)
• Antique Petrol color palette (#EDF0E7, #87B8DB, #186BAE, #004C63, #082D5B)

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