Grape Harbor color palette — #E5F1FF · #8CB5FF · #7175FF · #6936DC · #4A2877
A conversation between Violet and Periwinkle, giving this palette its sense of trust and stability.
The five colors
- Frost (#E5F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#8CB5FF): A luminous, balanced violet — the color of a velvet chair.
- Periwinkle (#7175FF): A luminous, vivid violet — the color of a velvet chair.
- Violet (#6936DC): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#4A2877): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Grape 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
- Powdered Iris Drift color palette (#EDF6FF, #AAC8FF, #777CFF, #5B47B1, #3F2A5E)
- Airy Byzantium color palette (#D6DFF5, #A9ADFF, #9665F8, #8D21C9, #581E64)
- Muted Ultramarine color palette (#CAE7F4, #6CBBFF, #258DFD, #363EE7, #3C3079)
- Aubergine Basin color palette (#DDE5F2, #7D97F2, #6E5DE9, #6017B0, #431F5A)
- Grape Basin color palette (#F6F3FF, #C7B6FF, #9B64EE, #680ECA, #2C0762)
- Pale Iris Harbor color palette (#D8E8F0, #8FC2FF, #8691FF, #9666C5, #562551)
- Frosted Grape Boulevard color palette (#ECEEFF, #9578E7, #8811C1, #630074, #390034)
- Lapis Meadow color palette (#FFF0F9, #B5B8FF, #AC9D00, #5E3EEC, #423C00)
Browse the whole catalog at Explore, or see today's palette.