Worn Harbor color palette — #F7EFF4 · #D0D6F4 · #6FA6B2 · #4C765A · #253947

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Lilac Frost (#D0D6F4): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6FA6B2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#4C765A): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#253947): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Ash Market color palette (#FCF3F1, #CCE9DF, #67A4B5, #597856, #33514A)
• Aged Stone Market color palette (#E8F3FF, #E1D6E3, #D6B9D2, #7697A9, #313A49)
• Periwinkle Coast color palette (#EAF3FF, #719DE2, #AA8657, #8B7545, #1E2836)
• Patina Hollow color palette (#E9D8E5, #2C878C, #004354, #002014, #000104)
• Hushed Basin color palette (#F4E4ED, #80BED4, #2270A8, #004C46, #061237)
• Sky Station color palette (#D9F4FF, #68BEE9, #4F90C1, #47557F, #323952)
• Cerulean Cabin color palette (#FBEDF7, #86E0F1, #008EC1, #006452, #00244D)
• Amber Bloom color palette (#EAF3FF, #92B4EC, #C58F60, #56729F, #422833)

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