Weathered Harbor color palette — #FAF2F8 · #E1D6D5 · #ABCAC6 · #B56952 · #44363F

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#E1D6D5): bright and airy, almost weightless.
• Stone (#ABCAC6): A luminous, dusty teal — the color of glacier melt.
• Mocha (#B56952): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#44363F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Driftwood Lagoon color palette (#FAF3F6, #CED9DC, #9BA3B2, #B5835B, #504449)
• Raspberry Thicket color palette (#F7F3FB, #E0D6D9, #D3B7B8, #BA5B8B, #3F3746)
• Aged Chestnut color palette (#FAF4F0, #DCD9CF, #C5AF99, #974C26, #423832)
• Hushed Bronze Canyon color palette (#EDF9EE, #D1E3DB, #9EC8C1, #9A6F00, #1D3B23)
• Washed Bronze color palette (#EFDAE0, #B36E00, #454117, #311922, #130A10)
• Worn Terracotta Corridor color palette (#E8DCE2, #BBC8BC, #90AC9F, #994400, #291A22)
• Driftwood Cabin color palette (#FADCF4, #C7A8B2, #8C9163, #5C6889, #454462)
• Worn Pier color palette (#EDF9F0, #B0BB89, #5C8F5C, #81536A, #163E32)

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