Weathered Harbor color palette — #F2F5FD · #E0D8E2 · #CABBC3 · #6B7198 · #444850

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#E0D8E2): a clean, paper-quiet neutral.
• Stone (#CABBC3): A luminous, dusty pink — the color of a candy shop window.
• Slate (#6B7198): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#444850): quiet, heavy and certain.

Feels like: 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

• Wandering Basin color palette (#F7EFF3, #DDD4D3, #C7B7B5, #736E9A, #33292E)
• Timeworn Mallow color palette (#E7F0FF, #CAABD7, #957790, #436B6D, #3B4F5A)
• Aged Navy color palette (#EAEDF7, #ABA4C2, #8A7790, #36296E, #10131E)
• Washed Aubergine Courtyard color palette (#F3F4FF, #D9CBED, #B59EB5, #68419E, #2F3048)
• Wandering Stone Loft color palette (#E9FAEF, #9ABB8A, #47806D, #5F546B, #2A4944)
• Antique Mallow color palette (#F3F4FF, #D3DBFA, #D9A1FF, #B86B5C, #413450)
• Timeworn Garnet color palette (#F1E8F3, #C9B1BF, #7F9582, #791939, #261A29)
• Antique Byzantium color palette (#E2E2FC, #9447BD, #3A2C3F, #1E1D2C, #0D0C12)

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