Grape Harbor color palette — #E9EEFF · #7678FF · #6B24EF · #4C1998 · #2C114A
Built around Violet, softened by Periwinkle — the whole palette hums with creativity and energy.
The five colors
- Frost (#E9EEFF): A whisper-light, dusty violet — the color of wild irises.
- Periwinkle (#7678FF): A luminous, vivid violet — the color of twilight just after sunset.
- Violet (#6B24EF): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4C1998): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2C114A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: 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
- Muted Grape Loft color palette (#EFECFF, #996CF2, #8300D2, #600087, #31073A)
- Chalky Lapis color palette (#D7E8FF, #4983FF, #383DFA, #2F189A, #190E4A)
- Tempered Sapphire color palette (#E3F1FF, #3D5FFF, #4C0DC0, #49006A, #380A39)
- Antique Grape color palette (#F9E3EE, #8A6EE4, #008684, #5E04CA, #00201F)
- Worn Lapis Ridge color palette (#D8E8F5, #5B9DFF, #5B46CD, #59007C, #170011)
- Nightshade Coast color palette (#D2E8F8, #0092F4, #005CBB, #0032AD, #0D154D)
- Dusty Balcony color palette (#F1E5FF, #963FDA, #C20049, #005E8C, #1A052A)
- Magenta Delta color palette (#E4DEEC, #CC77FF, #C100EA, #8C0092, #56084F)
Browse the whole catalog at Explore, or see today's palette.