Weathered Harbor color palette — #F5F4FD · #E9D4E6 · #C1B7CF · #82578D · #403D50

Built around Slate, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Silver (#E9D4E6): A whisper-light, dusty pink — the color of peonies in June.
• Ash (#C1B7CF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#82578D): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#403D50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Muted Villa color palette (#F1F1F9, #DFD2DC, #C9B7D4, #835597, #242333)
• Timeworn Quarry color palette (#FDF2F4, #E7D6CF, #CFBAAC, #9D73B0, #50383F)
• Tempered Courtyard color palette (#EFEDF6, #D0C8D9, #A79BAF, #6E4469, #2F2C36)
• Ancient Atelier color palette (#EAE3EA, #B6A2B3, #927589, #690922, #191019)
• Tempered Blush color palette (#FFE3F1, #EB92AB, #A36967, #6E5D32, #2F5243)
• Washed Archive color palette (#F7F3FF, #ECB6FF, #FF63DE, #C63E79, #552641)
• Softworn Delta color palette (#F0E8EC, #A7949B, #61785E, #481C00, #0F060B)
• Deep Delta color palette (#F0E5FC, #B60086, #46182B, #1E1129, #0D050C)

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