Dusty Harbor color palette — #F6F3FB · #E3D7DB · #B2ACA2 · #887A9E · #545158

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6F3FB): bright and airy, almost weightless.
• Silver (#E3D7DB): bright and airy, almost weightless.
• Ash (#B2ACA2): soft and architectural.
• Slate Blue (#887A9E): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#545158): a grounded near-black with real depth.

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

Use it as a design system

One click turns Dusty 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

• Driftwood Grove color palette (#F9EFEF, #DBD5D0, #AFACA3, #9F7488, #3C3433)
• Ancient Stone color palette (#F4F4FF, #CEB3CF, #889D86, #607686, #4C5262)
• Aged Onyx color palette (#F3ECF9, #A593A2, #816971, #4E0833, #0C0611)
• Weathered Garnet Loft color palette (#ECE0E8, #ACBFAA, #7C9589, #722A1C, #271B24)
• Lilac Ridge color palette (#E0FCF6, #C294D1, #A36456, #27636E, #4C4453)
• Timeworn Basin color palette (#FAF2FE, #E1D8E1, #FEA6BD, #B1995A, #4E3C4A)
• Wandering Lilac color palette (#F5F3FF, #B681C3, #637A3B, #1E5B71, #333E56)
• Weathered Chestnut color palette (#FFF1F5, #C0DACC, #88B0AA, #814C00, #442A34)

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