Hushed Harbor color palette — #F3E4FF · #C196FF · #A040F3 · #611DA0 · #2A004A
A conversation between Amethyst and Plum, giving this palette its sense of creativity and energy.
The five colors
- Blush (#F3E4FF): A whisper-light, dusty violet — the color of wild irises.
- Wisteria (#C196FF): A luminous, balanced violet — the color of a velvet chair.
- Amethyst (#A040F3): A full-bodied, vivid violet — the color of wild irises.
- Plum (#611DA0): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#2A004A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Energy. Tagged monochrome, vibrant.
Use it as a design system
One click turns Hushed 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
- Worn Amethyst color palette (#E4E4FF, #ABA6FF, #764AFF, #4826A4, #1B0047)
- Vivid Byzantium color palette (#F8DBFF, #EF78FF, #B334CE, #76018D, #2E002E)
- Misty Hollow color palette (#F8F2FF, #D8BAFF, #AD46FF, #5D008A, #0F0021)
- Grape Veranda color palette (#F2E3FF, #C071EC, #7724C0, #3F0077, #280047)
- Tempered Loft color palette (#F0E5FF, #D0B9FF, #C65EFF, #9D00E2, #220046)
- Magenta Boulevard color palette (#F5E6F2, #B739C4, #760082, #2E002B, #050005)
- Feathered Peony Coast color palette (#FFF0F9, #FF9BEC, #CD53AF, #832D6E, #4A093B)
- Feathered Iris Thicket color palette (#EAEBCE, #09D2FE, #957AE9, #2B214A, #101326)
Browse the whole catalog at Explore, or see today's palette.