Weathered Harbor color palette — #EDF9EF · #B6D3C2 · #AF986B · #8E6876 · #3B4C45

Taupe takes the lead with Pewter close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Oat (#B6D3C2): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#AF986B): A luminous, dusty gold — the color of old brass.
• Pewter (#8E6876): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3B4C45): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Boulevard color palette (#EDF9EE, #CABE8F, #AB894F, #826144, #2B4339)
• Patina Stone Boulevard color palette (#ECF9ED, #98C4AF, #6C896F, #6D5563, #394C49)
• Ancient Bronze Chapel color palette (#FBF4EA, #DBE0C4, #C0AB8A, #9C7134, #4F3C00)
• Weathered Bronze color palette (#FEF1F6, #E4CEA2, #A66F44, #634151, #31292C)
• Dusty Villa color palette (#DEFFE5, #D8D199, #8AA857, #508250, #00563B)
• Cerulean Pier color palette (#EFF8EF, #C4A160, #2990A8, #655E8C, #3C2F3C)
• Amber Atelier color palette (#F2F7F1, #F2C998, #73AC73, #B4813B, #1F3230)
• Quiet Rust color palette (#F7E4EE, #C3946B, #B4500C, #7D3229, #132A16)

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