Worn Harbor color palette — #FCF2F8 · #D3D5E5 · #5FB4CB · #008454 · #00324D

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Silver (#D3D5E5): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#5FB4CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008454): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00324D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Periwinkle Study color palette (#FCF2F6, #D8D4DF, #7EA8E5, #007E84, #282853)
• Aqua Parlor color palette (#F6F6EB, #CEE9CD, #07C9D4, #00A28E, #00434C)
• Ancient Lagoon color palette (#E5F6F2, #95D5D3, #058D94, #005D50, #002531)
• Worn Denim color palette (#E8DCE5, #7AABBB, #005E75, #002D1D, #000103)
• Hushed Cerulean color palette (#FAF3F5, #D9D4DE, #C4BDE4, #3BA1B5, #454B69)
• Driftwood Alley color palette (#E6FBF0, #A1D4C6, #928D3B, #745100, #002826)
• Petrol Dune color palette (#FAE8F2, #8ABFD8, #0069B5, #003E3C, #010015)
• Blush Ridge color palette (#F7F2FF, #DB85BF, #989D38, #00946D, #2D0E24)

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