Weathered Harbor color palette — #EFF2F8 · #DAD5DD · #BCABB1 · #797FAC · #33363C

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

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Silver (#DAD5DD): a clean, paper-quiet neutral.
• Ash (#BCABB1): A luminous, dusty rose — the color of strawberry cream.
• Slate Blue (#797FAC): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#33363C): quiet, heavy and certain.

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

• Hushed Hollow color palette (#FAF2F8, #E6D8D6, #AEAFA3, #95778F, #575056)
• Antique Ash color palette (#EEF1FF, #D0CCE2, #9A89A3, #5F746B, #384947)
• Indigo Studio color palette (#F0F1F8, #E1D2E2, #C7B6DE, #7855AD, #222431)
• Tempered Orchard color palette (#E3E1E8, #B9AEC1, #9A859C, #66275D, #0D0717)
• Ancient Driftwood Thicket color palette (#E7F7EA, #A5A4E1, #966299, #5D5227, #292B3B)
• Patina Veranda color palette (#EBF4F1, #A2CEC6, #5C9072, #526379, #223532)
• Lilac Delta color palette (#EFF1FC, #9D91D4, #A05C51, #3D5516, #042B3E)
• Patina Atelier color palette (#EBECFB, #9371B6, #3E374D, #1D1D27, #0B0C11)

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