Washed Harbor color palette — #F3F4FF · #DFDBED · #C3B8D1 · #9053CD · #303046

Amethyst and Navy set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Silver (#DFDBED): A whisper-light, dusty violet — the color of wild irises.
• Ash (#C3B8D1): A luminous, dusty violet — the color of wild irises.
• Amethyst (#9053CD): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#303046): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Tempered Harbor color palette (#FFF1F6, #E4D7D3, #BFAC92, #9856DB, #351B26)
• Washed Grape color palette (#F2F4FF, #D5CFE0, #B99ABC, #6739B1, #2E3147)
• Muted Peony Lagoon color palette (#F6F4FB, #E5D5DD, #DAB6C1, #BA61A5, #433B50)
• Worn Basin color palette (#EFF6FF, #D4DEF3, #B7BCD9, #2475D9, #283443)
• Magenta Studio color palette (#E7E4FF, #CA3EEF, #9E5100, #00572D, #002448)
• Hazy Magenta Thicket color palette (#E1DAF1, #C500B8, #5D1D39, #1E1430, #070516)
• Washed Pier color palette (#EFE6F0, #CCC0C9, #BA9AAA, #A1334D, #251B27)
• Tempered Meadow color palette (#F5F4FC, #DED7DD, #BEAEAF, #9A97B7, #52515A)

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