Worn Harbor color palette — #E7F6ED · #BDB577 · #998FE2 · #7E731E · #292F49

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#BDB577): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#998FE2): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#7E731E): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#292F49): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Aged Blush color palette (#E5F7F0, #ACBB88, #CC81A7, #697A3B, #382A44)
• Turquoise Workshop color palette (#FAEEF3, #DCA67A, #47A9CE, #9D612A, #193444)
• Tempered Mustard color palette (#F9F5E8, #CBCA70, #9FADEC, #90905D, #5D4456)
• Weathered Mustard color palette (#E7FBF0, #B9B462, #48A9B2, #797534, #33525D)
• Softworn Atelier color palette (#E2F8EA, #AE9C57, #7089D6, #906890, #1B2C21)
• Softworn Driftwood Loft color palette (#EAF5EF, #A0C4B9, #8C8450, #466046, #1E302E)
• Dusty Lantern color palette (#E4F7EE, #BBDBF5, #94BDE2, #A88564, #2D423B)
• Violet Chapel color palette (#DDF9F2, #79BE35, #865EF1, #345D00, #23114C)

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