Soft Harbor color palette — #DEE6F3 · #909BFF · #976EE7 · #8944A6 · #49153D

Amethyst and Plum set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#DEE6F3): bright and airy, almost weightless.
• Lavender Blue (#909BFF): A luminous, balanced violet — the color of a velvet chair.
• Amethyst (#976EE7): A luminous, vivid violet — the color of wild irises.
• Plum (#8944A6): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#49153D): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

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

• Violet Hollow color palette (#E3E3F5, #A18AF7, #8454D1, #673095, #431B54)
• Lilac Bloom color palette (#E0E6FA, #BEAAFF, #B381DC, #A1579C, #552A43)
• Quiet Byzantium color palette (#E8E8FF, #AD70E9, #AA3BC1, #8E1F73, #44001E)
• Linen Veranda color palette (#DEEFFA, #51B4FF, #5D87FF, #6E59C7, #331950)
• Wisteria Corridor color palette (#F5D9FF, #E5A2F4, #C56DCE, #854097, #2A002F)
• Weathered Grape color palette (#E8F0FF, #676DDB, #7200C0, #4D005C, #2C0027)
• Washed Canyon color palette (#F9D2DE, #D9ACFF, #97AE38, #913EC8, #252D00)
• Hushed Iris color palette (#FFEDF3, #FFCFEC, #FFBAAB, #7A92D5, #48252C)

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