Weathered Harbor color palette — #F4F4FF · #C7BFD4 · #9D849D · #5C736D · #3C515B
Built around Heather, softened by Charcoal Brown — the whole palette hums with sophistication.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Stone (#C7BFD4): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#9D849D): A luminous, dusty pink — the color of peonies in June.
- Pewter (#5C736D): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#3C515B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Worn Canyon color palette (#FCEAFC, #CDB0C1, #79927A, #436B77, #355365)
- Washed Ash color palette (#F1F7F2, #D7DDEF, #719EC7, #2B7B85, #455368)
- Tempered Grove color palette (#F5F3FF, #E3ACD3, #C06C9A, #894E5D, #5A445C)
- Ancient Bronze color palette (#F1DFFC, #D29A96, #9A6640, #2A6254, #1C4D5D)
- Hushed Lantern color palette (#FAF2FE, #D89CB1, #40AE98, #A45574, #2E5459)
- Wandering Driftwood Atelier color palette (#FFF0FA, #F0C4CC, #BB9E90, #738E4E, #3B5311)
- Moss Lantern color palette (#FCF1FF, #C78092, #7E944B, #477CA4, #493E4D)
- Aged Chestnut Ridge color palette (#F5D4DB, #AD6B60, #804F00, #003E39, #13233D)
Browse the whole catalog at Explore, or see today's palette.