Weathered Harbor color palette — #EDF9EF · #C2E2D0 · #CAB381 · #AD8592 · #3B4C46

Sand takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Celadon Mist (#C2E2D0): A whisper-light, dusty teal — the color of sea glass.
• Sand (#CAB381): A luminous, dusty gold — the color of afternoon light on wheat.
• Dusty Rose (#AD8592): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal (#3B4C46): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Station color palette (#EDF8F3, #BFE2D7, #B9B98A, #789C83, #354D49)
• Stone Bloom color palette (#FFF0F7, #F8CBD9, #DEA987, #A6879C, #3F4B41)
• Softworn Powder color palette (#E7FAF6, #A8D098, #AEAFF0, #BA89A2, #2C423E)
• Hushed Taupe Courtyard color palette (#ECF9EE, #ACD5C4, #B09869, #8E677C, #374D49)
• Worn Meadow color palette (#FCF4E9, #D7E6C2, #C1AA89, #A46B3F, #414300)
• Amber Grove color palette (#F6E1E9, #E0BA87, #CF8D54, #A36952, #203627)
• Antique Bronze color palette (#F8F1E6, #C6BAA1, #A07C3A, #774F05, #322C1A)
• Washed Delta color palette (#ECF8F5, #F0DCB1, #8FA877, #4C776D, #242E2B)

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