Worn Harbor color palette — #ECF9EF · #E5B192 · #A89046 · #3F778A · #564148
Moss takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sand (#E5B192): A luminous, dusty gold — the color of old brass.
- Moss (#A89046): A luminous, balanced green — the color of new leaves after rain.
- Slate (#3F778A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#564148): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Washed Amber color palette (#EBFAED, #EBA9B8, #C67D5D, #447B6C, #514251)
- Dusty Emerald color palette (#FDF1F6, #D9A57C, #6A9B65, #1B7391, #403F5C)
- Weathered Villa color palette (#FEF4E4, #FCD5AC, #B3A06F, #4E7F66, #573800)
- Muted Coast color palette (#ECF4EC, #C2914F, #41604E, #313B31, #261F23)
- Cocoa Delta color palette (#FDF4E5, #FAC1B1, #BCAE7C, #798BB6, #6A3A00)
- Taupe Station color palette (#EFF7F2, #B1DCCC, #8AA57B, #8D7489, #3C534A)
- Feathered Lagoon color palette (#DEFFE5, #E09600, #7D8500, #006097, #433300)
- Feathered Emerald color palette (#E8FBEC, #ABBB64, #359C69, #615A94, #26443E)
Browse the whole catalog at Explore, or see today's palette.