Worn Harbor color palette — #F8F5EF · #D8DDD4 · #B5C8BA · #B0892F · #4C473F
Mustard takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#D8DDD4): a clean, paper-quiet neutral.
- Stone (#B5C8BA): A luminous, dusty teal — the color of glacier melt.
- Mustard (#B0892F): A luminous, balanced gold — the color of afternoon light on wheat.
- Charcoal (#4C473F): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Softness, Clarity. 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
- Softworn Thicket color palette (#F9F5ED, #D9DFD1, #A5B9B0, #86A586, #4C473E)
- Cocoa Studio color palette (#FAF4F0, #DBDBD4, #BDC4B5, #C17A66, #6F360F)
- Dusty Harbor color palette (#F9F5E8, #DDE0CE, #ADC7A4, #807B00, #35332C)
- Chestnut Meadow color palette (#EFEBE3, #B5B5A8, #8A9C7A, #625100, #1C1200)
- Moss Garden color palette (#E8E5D6, #8B9749, #3F5613, #2F2E27, #1E170D)
- Weathered Cocoa color palette (#FFF2EC, #D3BDA6, #A4A682, #98677B, #7F4222)
- Washed Emerald color palette (#F5F6EF, #CDE0D7, #A2CAC6, #3F9F20, #414300)
- Patina Coast color palette (#FFF2EB, #D7A678, #65955A, #7D4C90, #403D36)
Browse the whole catalog at Explore, or see today's palette.