Violet Harbor color palette — #F2F5FF · #C8B9FF · #BECE23 · #9571ED · #393F00

Amethyst takes the lead with Chartreuse close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C8B9FF): A whisper-light, balanced violet — the color of wild irises.
• Chartreuse (#BECE23): A luminous, vivid green — the color of fresh herbs.
• Amethyst (#9571ED): A luminous, vivid violet — the color of a velvet chair.
• Deep Olive (#393F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Pale Violet color palette (#FFF0F8, #C6BEFF, #9DC041, #8056F4, #273400)
• Washed Cornflower Boulevard color palette (#EFF6FF, #A6C6FF, #EFB822, #5088F3, #4B3700)
• Faded Lime Harbor color palette (#F6F3FF, #FDC2FE, #4FD765, #B559B9, #0D4718)
• Grape Corridor color palette (#F3F4FF, #D0ABFF, #AC9D00, #7D4BB0, #423C00)
• Pale Mint color palette (#F7F3FF, #FFADE7, #7CD496, #C885B5, #164C4A)
• Ancient Villa color palette (#F8F2FF, #EED4DE, #F4B9B0, #96A0E9, #403C58)
• Misty Ridge color palette (#EFE6FF, #C49EFF, #F68C00, #00B4A0, #36274D)
• Honey Meadow color palette (#F7F3FF, #FFC531, #C368AF, #7B466F, #1D1727)

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