Weathered Harbor color palette — #FFF1F3 · #E3D7D2 · #AAAF9C · #9577A5 · #5D4548

Slate Blue takes the lead with Cocoa close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Sage (#AAAF9C): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#9577A5): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5D4548): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Creativity, Sophistication. Tagged pastel, 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

• Timeworn Driftwood Pier color palette (#FFF2F0, #E1D8CF, #B2CCDB, #AB7592, #5D4843)
• Raspberry Courtyard color palette (#FFF1F1, #ECD4CF, #FE9591, #AB4E98, #6A3448)
• Antique Petrol color palette (#FEF1F6, #9885B8, #488D86, #006A81, #4D353F)
• Hushed Garden color palette (#FEF2F0, #D8B9A2, #7D4E5A, #532A35, #2F251C)
• Feathered Basin color palette (#F9E4E4, #B48199, #A2445E, #570062, #1F0015)
• Weathered Bronze Market color palette (#FBF5E5, #BFB8A0, #977D36, #695D34, #534800)
• Patina Mulberry Workshop color palette (#FFF1EF, #ECAAB0, #C68072, #943B6C, #51212D)
• Rust Hollow color palette (#FBF3F1, #E0B5A5, #A2723B, #AC4848, #322D27)

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