Weathered Harbor color palette — #F8D4D1 · #BB5786 · #007F4F · #850051 · #00321D

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

The five colors

• Shell Pink (#F8D4D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fuchsia (#BB5786): A full-bodied, balanced rose — the color of pressed rose petals.
• Teal (#007F4F): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#850051): A full-bodied, vivid rose — the color of a warm blush.
• Deep Forest (#00321D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Warmth, Comfort, 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

• Garnet Harbor color palette (#F4D5D6, #C26BA5, #437B00, #6B0053, #173100)
• Hushed Mulberry Corridor color palette (#EEE3FA, #BF5193, #007F55, #7E0059, #00170C)
• Linen Boulevard color palette (#FFE9E5, #BD7589, #008D71, #9D0D4F, #004031)
• Quiet Garnet color palette (#F0D8CC, #BA624C, #007C6B, #841E00, #003129)
• Soft Plum color palette (#FAE5E0, #BB3251, #00685D, #6F0025, #00201C)
• Dusty Mulberry Lagoon color palette (#F0D7D6, #F07BBF, #009E6E, #96006A, #003220)
• Pale Veranda color palette (#F6DBD5, #AB4258, #00713C, #00534C, #3D0816)
• Aubergine Summit color palette (#F0D6DF, #A074D7, #008128, #510088, #00330A)

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