Violet Harbor color palette — #F0D6E2 · #B3A0F2 · #00BD89 · #8D5BF6 · #003221
A conversation between Amethyst and Jade, giving this palette its sense of creativity and energy.
The five colors
- Shell Pink (#F0D6E2): A whisper-light, dusty rose — the color of a warm blush.
- Lavender (#B3A0F2): A luminous, balanced violet — the color of wild irises.
- Jade (#00BD89): A luminous, balanced teal — the color of glacier melt.
- Amethyst (#8D5BF6): A luminous, vivid violet — the color of wild irises.
- Deep Forest (#003221): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
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
- Byzantium Alley color palette (#F1D6E0, #CEB2FF, #97AF22, #8B2CE8, #252D00)
- Worn Grape color palette (#DDDBF1, #B77FC9, #54A51E, #8E00AD, #123100)
- Magenta Thicket color palette (#FFE8EA, #E5A6DD, #7DD286, #C74DBD, #014212)
- Sapphire Terrace color palette (#EDD6E8, #8CABFF, #CBA81F, #4268F3, #332800)
- Wandering Wisteria color palette (#D1F3FF, #00CDA4, #CA81FF, #523767, #1F0912)
- Worn Courtyard color palette (#FFF1F4, #E493FD, #13AA28, #8918A5, #011F02)
- Hushed Meadow color palette (#F2D6D7, #FF9DDD, #33BF62, #BE0A94, #003312)
- Chalky Ridge color palette (#FFE4EB, #EFCBB2, #D0BE75, #848BFA, #451F3A)
Browse the whole catalog at Explore, or see today's palette.