Weathered Harbor color palette — #FFF0FE · #D4D4E3 · #C7B3BA · #CAA2FF · #162467

Lavender takes the lead with Navy close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#C7B3BA): A luminous, dusty rose — the color of pressed rose petals.
• Lavender (#CAA2FF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#162467): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Fuchsia Canyon color palette (#FFF0F8, #D9D3DD, #FF88EB, #C5B6B5, #2D154C)
• Worn Powder color palette (#DCFEF3, #D3E3F1, #BCCBF6, #B0ACFF, #002256)
• Muted Periwinkle Grove color palette (#FAF4EC, #D8D5E1, #6DB2FF, #008598, #1F3165)
• Quiet Orchid color palette (#FFF0FC, #DAD5EC, #B3C2FF, #C265FF, #160B3E)
• Frosted Fuchsia Alley color palette (#FFF0FE, #69FAFF, #AED7FF, #FC7CEF, #312857)
• Powdered Parlor color palette (#F0F5FF, #C4C9FF, #9F81FF, #881CC7, #451854)
• Sunlit Blush color palette (#FFF1F3, #E5D9E7, #F4ADFF, #FF6F8D, #35002E)
• Linen Violet Ridge color palette (#EFF6FF, #80D7FF, #6AA6FF, #9B63D2, #29325F)

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