Worn Harbor color palette — #ECF9EF · #D6D7E6 · #3EBBF9 · #008788 · #143757

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Silver (#D6D7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#3EBBF9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008788): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#143757): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Azure Loft color palette (#EAFAED, #D2E1F6, #04A3F2, #007177, #00234F)
• Powdered Sky Garden color palette (#FEF1F9, #B9EEFF, #63C0FF, #00A797, #223D73)
• Aqua Coast color palette (#E5F2E7, #58C8E1, #007196, #003E3B, #000307)
• Muted Summit color palette (#F0F7F1, #D9D5E0, #BEC0E9, #649CA8, #414E62)
• Cerulean Thicket color palette (#F4F7EB, #ADDAC1, #008CB5, #00656E, #004564)
• Ancient Archive color palette (#ECF9EF, #78E0DD, #008A99, #00543E, #000F16)
• Dusty Ultramarine Cabin color palette (#D6E4D9, #66A8E4, #1949B5, #002936, #01000A)
• Blush Canyon color palette (#FFF1F6, #FF79BC, #A3A600, #0092C3, #371325)

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