Sunlit Harbor color palette — #F9F2FF · #C594E4 · #8C3EB1 · #570077 · #390050
A conversation between Plum and Royal Purple, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Mauve (#C594E4): A luminous, balanced violet — the color of a velvet chair.
- Plum (#8C3EB1): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#570077): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#390050): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged monochrome.
Use it as a design system
One click turns Sunlit 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
- Hushed Plum color palette (#FFF0FC, #E18DD3, #A53494, #67005E, #450041)
- Chalky Wisteria color palette (#FAF1FF, #E8BFFF, #CE7EF6, #9C5AB5, #3C124E)
- Gentle Magenta color palette (#F9F2FF, #DCABFF, #BE40E8, #7E2A9C, #3B0E47)
- Misty Aubergine color palette (#FDD6FE, #B376BA, #7D208A, #46004C, #2A002C)
- Weathered Delta color palette (#F3F4FF, #9EA0F8, #5F4CCE, #3A00A3, #230666)
- Powdered Violet Alley color palette (#FFF1F5, #FECFFD, #F798CE, #895DC6, #533159)
- Faded Garnet Harbor color palette (#FFF2F0, #D99FB3, #A55072, #751745, #4A142D)
- Worn Pier color palette (#FFF0F7, #8057D8, #00776A, #005362, #2F214F)
Browse the whole catalog at Explore, or see today's palette.