Grape Harbor color palette — #DCDEFA · #937BE2 · #7938D1 · #5D008F · #37004F
A conversation between Violet and Plum, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DCDEFA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#937BE2): A luminous, balanced violet — the color of a velvet chair.
- Violet (#7938D1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#5D008F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#37004F): 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
- Pale Ridge color palette (#DEE8FF, #7283E9, #5A40E0, #3C009C, #25064F)
- Tempered Grape color palette (#EAECFF, #917BFF, #6B22D0, #440176, #160023)
- Washed Archive color palette (#E1EAF7, #8883FF, #8F49E5, #783192, #400438)
- Airy Byzantium color palette (#E4DBE6, #B77DC9, #8F31A4, #560066, #120018)
- Quiet Aubergine Balcony color palette (#F3EAFE, #A456C8, #7D0097, #5B005F, #290025)
- Hushed Grape Dune color palette (#F8E4EB, #9D67D6, #C04A00, #7100B4, #320D00)
- Grape Summit color palette (#FFD4DF, #D6AFD3, #E57AB8, #7A4CAF, #38133A)
- Brick Balcony color palette (#FFDEE7, #994BC0, #C40037, #005C96, #1E002D)
Browse the whole catalog at Explore, or see today's palette.