Quiet Harbor color palette — #F3F4FF · #BDAAFF · #A948FF · #72009C · #300033
Amethyst and Plum set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#BDAAFF): A luminous, balanced violet — the color of wild irises.
- Amethyst (#A948FF): A luminous, vivid violet — the color of a velvet chair.
- Plum (#72009C): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#300033): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Quiet 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
- Ancient Violet Workshop color palette (#F0F5FF, #B3BFFF, #7E6BFF, #5600A4, #280044)
- Magenta Archive color palette (#F6F3FF, #DDA4FF, #C600E2, #780070, #330026)
- Softworn Basin color palette (#D7EDFF, #A0B6FF, #B160FF, #AA2CA9, #4C0028)
- Pale Chapel color palette (#FFF0FB, #B792FF, #B007CE, #850F00, #230737)
- Grape Workshop color palette (#DAE7FF, #817BF9, #7B32C2, #560060, #24001A)
- Muted Aubergine Market color palette (#F0E4FF, #9850B2, #66006B, #25001F, #040002)
- Powdered Magenta color palette (#FAF1FF, #FDB8FD, #E93CCB, #9A006B, #4F0029)
- Grape Archive color palette (#DBEBF3, #3B8FFF, #702FC8, #660063, #520022)
Browse the whole catalog at Explore, or see today's palette.