Worn Harbor color palette — #E4DED4 · #91CADC · #009ED9 · #007D7C · #00203D

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

The five colors

• Bone (#E4DED4): a clean, paper-quiet neutral.
• Sky (#91CADC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009ED9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007D7C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Ancient Thicket color palette (#E6DDCF, #AACAA7, #00A5B4, #00805E, #00242E)
• Tempered Cerulean color palette (#CBEEDF, #A0CDFF, #AEA8F0, #00919E, #00253F)
• Hushed Parlor color palette (#F3EBDF, #8ABCAC, #3182E6, #006A7D, #080247)
• Frosted Orchard color palette (#D4E9E8, #00AFB8, #00899F, #006384, #002640)
• Dusty Hollow color palette (#D8E7DB, #60A8BD, #006085, #003939, #000B1B)
• Timeworn Ember Veranda color palette (#DBF3E6, #00ADD6, #DF6600, #007D9B, #2F1000)
• Weathered Petrol color palette (#E5E0D7, #85AB92, #007FA7, #005E59, #000A16)
• Tempered Studio color palette (#FEF1F9, #8ED9EF, #007ED0, #005341, #07042E)

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