Violet Harbor color palette — #FFF0FD · #E1D7ED · #B1A4EC · #896BB2 · #5F3C46
Built around Slate, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Thistle (#E1D7ED): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#B1A4EC): A luminous, balanced violet — the color of a velvet chair.
- Slate (#896BB2): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5F3C46): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Creativity, Sophistication. Tagged light, muted.
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
- Wandering Cobalt color palette (#DAFFEF, #E1E4F3, #89B5F2, #677DBC, #69475D)
- Softworn Coast color palette (#FFF1F5, #FCD5FF, #DE9DCF, #AB6084, #6D443D)
- Lilac Studio color palette (#D4FFF1, #BDD2FF, #B1A4FE, #AC83B9, #694A4D)
- Wandering Pewter color palette (#FFF1F5, #E8D9E1, #C2A3D9, #7F5D9B, #341F3E)
- Aged Lilac color palette (#FFF1F7, #EDD4EC, #CCD295, #A188DF, #474A1F)
- Airy Orchid color palette (#EEE7FF, #BE8FE4, #B546C5, #7C0073, #43022A)
- Hushed Coast color palette (#F8F2FF, #EBB5F5, #C96DC0, #9E1D6E, #491226)
- Softworn Plum color palette (#F2DFFA, #CF6FC0, #AF0186, #690036, #1B0005)
Browse the whole catalog at Explore, or see today's palette.