Weathered Harbor color palette — #F4D4DF · #9468C3 · #857100 · #00633D · #230F35

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

The five colors

• Shell Pink (#F4D4DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Amethyst (#9468C3): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#857100): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00633D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#230F35): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Byzantium Archive color palette (#FADFE6, #9A50B0, #716300, #00513D, #000F31)
• Soft Cornflower Atelier color palette (#EED6E7, #6578D3, #A65C00, #445C00, #11163A)
• Softworn Lilac color palette (#FFE8ED, #AC77C1, #848623, #00734B, #391C25)
• Dusty Peony Basin color palette (#F8D4D6, #D163B7, #516B00, #00605B, #2C0C25)
• Patina Study color palette (#F3F4FF, #AD51FC, #897600, #005D3B, #0D011A)
• Emerald Drift color palette (#D6DCFD, #BA9DFF, #539022, #007857, #151733)
• Faded Brick color palette (#EFDBBC, #C86FAC, #B6313E, #005725, #410C26)
• Dusty Corridor color palette (#C3E7DC, #0067A2, #00624E, #004140, #002119)

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