Worn Harbor color palette — #F1F7F2 · #D2DCDB · #A9C7C7 · #31818B · #434A44

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Stone (#A9C7C7): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#31818B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#434A44): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Lagoon color palette (#F0F7F4, #DED4D3, #B0A295, #5C8E7E, #4D5452)
• Worn Lagoon Corridor color palette (#EDF4EE, #CEDADA, #CBBAC0, #378285, #282E28)
• Wandering Cerulean Studio color palette (#E8F1EC, #9DAEA6, #5985A4, #003F4C, #05180E)
• Tempered Station color palette (#EAFAF2, #BBDBCF, #84AAD3, #006383, #23382F)
• Softworn Petrol Thicket color palette (#F9F3F8, #E8D4D7, #D6AFC6, #4368AE, #493A48)
• Timeworn Fern Atelier color palette (#F6F6EB, #9BB995, #4F815A, #496424, #444600)
• Tempered Garden color palette (#D3FCF1, #D0ADCC, #8285B0, #825C5C, #684943)
• Hazy Orchard color palette (#E7FBF0, #A0F5FF, #36CBFB, #3D93DD, #1B4738)

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