Grape Harbor color palette — #DDE4F5 · #7B77FF · #7000E4 · #5F008E · #4D1754
A conversation between Violet and Periwinkle, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DDE4F5): A whisper-light, dusty violet — the color of wild irises.
- Periwinkle (#7B77FF): A luminous, vivid violet — the color of wild irises.
- Violet (#7000E4): A full-bodied, vivid violet — the color of a velvet chair.
- Plum (#5F008E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Royal Purple (#4D1754): A deep, shadowed, balanced pink — the color of peonies in June.
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
- Lapis Alley color palette (#DEEBF8, #4880FF, #4729FE, #4700A8, #401365)
- Quiet Study color palette (#DEE2FF, #AEA8FF, #9A79FF, #8948DC, #451069)
- Frosted Grape Studio color palette (#E8E8FF, #A464FF, #8B00B7, #6C006D, #530043)
- Chalky Pier color palette (#E2F0FF, #83A2FF, #9543FF, #7F1590, #5A083F)
- Softworn Orchid Canyon color palette (#DFE2FF, #AB6BFE, #597E00, #560096, #233400)
- Twilit Grape Lagoon color palette (#E7E6FB, #7C2FBD, #4C0062, #2D002F, #190010)
- Grape Chapel color palette (#F5DEFF, #CF71F0, #8A00AA, #45005A, #2A0037)
- Blush Archive color palette (#F4F4FF, #F8B7EE, #FF6394, #5B46BB, #4A2B54)
Browse the whole catalog at Explore, or see today's palette.