Weathered Harbor color palette — #F9F2FF · #FF48AB · #007F3C · #004074 · #001328

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Hot Pink (#FF48AB): A luminous, vivid rose — the color of strawberry cream.
• Olive (#007F3C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004074): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001328): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Magenta Terrace color palette (#FFF0FB, #FC2DDD, #007E41, #00494D, #001618)
• Coral Field color palette (#FFF2F0, #FF5753, #007B7B, #004075, #001329)
• Timeworn Coral Lantern color palette (#FFF0FB, #FF8673, #009092, #414599, #181456)
• Faded Hollow color palette (#FFDFE0, #B5209A, #4F4F00, #003656, #3E0043)
• Wandering Parlor color palette (#FBF2FB, #FFB4BB, #63AA97, #506E8D, #263A4F)
• Linen Bronze Ridge color palette (#FFEDF4, #B66000, #005769, #3C004C, #040006)
• Tempered Apricot Delta color palette (#FFE2CA, #F9851D, #998C00, #007C3D, #480020)
• Wandering Drift color palette (#D1E7D4, #936900, #2F5900, #003430, #00101C)

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