Weathered Harbor color palette — #F7EFF4 · #C8D7D9 · #A8C0BF · #986853 · #31292E

A conversation between Walnut and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#C8D7D9): bright and airy, almost weightless.
• Ash (#A8C0BF): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#986853): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#31292E): a grounded near-black with real depth.

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

• Weathered Pewter color palette (#ECF4EF, #CDDBDC, #ADC1C8, #5C7E68, #252F28)
• Aged Pewter Dune color palette (#FBF3EF, #DCDBD2, #BBC3B2, #966757, #50453E)
• Chestnut Field color palette (#FFECF2, #BFDCCA, #85B8A9, #814D00, #29111B)
• Antique Bronze color palette (#D6E8D6, #9C6900, #1B382D, #0E190F, #0A0407)
• Tempered Pine color palette (#E7F6EC, #A9BC88, #4D8359, #5D4E67, #172C26)
• Softworn Basalt color palette (#F1E2E8, #90A794, #5F8676, #552800, #0C0106)
• Softworn Fern color palette (#D6E3DF, #9DBABA, #6D959F, #2C4F00, #000E0B)
• Timeworn Amber color palette (#DFFAE4, #DE7F57, #786C09, #314571, #321A24)

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