Weathered Harbor color palette — #F2DDEF · #ECB44F · #3C77EF · #1444A8 · #010C2D

Sapphire and Indigo set the tone — five colors that lean into optimism and calm.

The five colors

• Blush (#F2DDEF): A whisper-light, dusty pink — the color of peonies in June.
• Saffron (#ECB44F): A luminous, balanced gold — the color of old brass.
• Sapphire (#3C77EF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#1444A8): A full-bodied, vivid violet — the color of wild irises.
• Ink (#010C2D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Calm, Energy, Balance. Tagged luxury, dark, cool.

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 Studio color palette (#F4DCEE, #CBC432, #596DF5, #3440A1, #1B0617)
• Softworn Ultramarine Thicket color palette (#D4E6FF, #D6A204, #004CCF, #002572, #010D2C)
• Wandering Ridge color palette (#FFF0FE, #F3B917, #0049CA, #001850, #030003)
• Misty Cobalt Chapel color palette (#CFECE2, #FFA38B, #0087C9, #00537E, #00140E)
• Wandering Market color palette (#FFF0F9, #BFDB8E, #857EE4, #554E9E, #2C0E22)
• Faded Violet color palette (#F4DDE8, #71D987, #8266DB, #513A92, #110828)
• Linen Cobalt color palette (#FAEDFC, #93C7FF, #FF8A4F, #007DD9, #230800)
• Pale Basin color palette (#DCE9FE, #C78600, #1327A1, #03054C, #00020E)

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