Weathered Harbor color palette — #FFF1F3 · #CC9EC8 · #87A54E · #925D8E · #4E4D46
A conversation between Moss and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Mauve (#CC9EC8): A luminous, dusty pink — the color of peonies in June.
- Moss (#87A54E): A luminous, balanced green — the color of fresh herbs.
- Slate (#925D8E): A full-bodied, balanced pink — the color of neon signs at night.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Aged Mallow Studio color palette (#F1F0FF, #D19CE1, #80AA73, #85638F, #153833)
- Tempered Drift color palette (#FFF1F3, #CE9DCA, #03AFAD, #925C8F, #3C553B)
- Wandering Corridor color palette (#FCF2F8, #A4A9E9, #B99150, #6769B3, #514C46)
- Washed Mallow Thicket color palette (#FFF1F4, #E3ADF4, #9FBC89, #A27CAE, #4E4E46)
- Antique Lagoon Garden color palette (#FFF1F5, #AC87C1, #4A9D71, #0B827C, #4F3D42)
- Sand Ridge color palette (#FFF1F7, #E5DAD3, #E5CE97, #A487A0, #604E4F)
- Mulberry Studio color palette (#FFF2EF, #D0879B, #0097C4, #A13E5F, #18485C)
- Chestnut Chapel color palette (#FAF5E6, #BABA9E, #868256, #7F5314, #3C5008)
Browse the whole catalog at Explore, or see today's palette.