Weathered Harbor color palette — #F5F4FF · #A165B5 · #747620 · #146146 · #323043

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Amethyst (#A165B5): A luminous, balanced pink — the color of peonies in June.
• Olive (#747620): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#146146): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#323043): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Indigo Meadow color palette (#F1F5FF, #7A70D7, #976519, #3E5C34, #2D3242)
• Raspberry Station color palette (#F9F2FF, #C64F91, #49804A, #005F61, #382F3F)
• Weathered Atelier color palette (#EEF1FF, #8878C7, #52834D, #005F5D, #161929)
• Airy Peony Bloom color palette (#FBF1FF, #C86187, #7F5D00, #01563F, #19395C)
• Weathered Terrace color palette (#FFF1F6, #AD8CD8, #59A173, #317F63, #452934)
• Aged Blush color palette (#E8FBEC, #CE789F, #A04E3F, #255942, #463749)
• Hushed Plum Study color palette (#FFD7F1, #B20091, #3D6600, #004745, #321129)
• Pewter Quarry color palette (#F7F3FB, #E6D7DD, #CBBCBF, #93637E, #4A454F)

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