Weathered Stone Harbor color palette — #F5F4FB · #DED8DC · #B9B5AB · #C4A9D3 · #52515A

Mauve and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F5F4FB): bright and airy, almost weightless.
• Silver (#DED8DC): a clean, paper-quiet neutral.
• Stone (#B9B5AB): soft and architectural.
• Mauve (#C4A9D3): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#52515A): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered Stone 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

• Patina Fuchsia Drift color palette (#F6F3FD, #E4D5DB, #B8A99A, #D980C7, #423C4D)
• Weathered Market color palette (#F5EFFB, #DDA2C4, #857684, #585160, #212128)
• Tempered Stone color palette (#F0F8F0, #C7E6D7, #A6BE97, #9298B4, #395448)
• Lagoon Market color palette (#E8FAF3, #D8C6F9, #D999AD, #459C95, #48445B)
• Dusty Basin color palette (#F9EFF1, #E2D5CF, #B3B0A1, #9C7782, #3C3436)
• Mulberry Grove color palette (#EBEAF1, #AD9BA5, #9C7F87, #913698, #0B0518)
• Softworn Ember color palette (#FBF2F8, #CBE6DD, #DAD2A3, #F76217, #43293A)
• Softworn Raspberry Courtyard color palette (#EFEBF0, #C9BCBD, #C49F9A, #D93C68, #261B28)

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