Grape Harbor color palette — #F4DAEA · #988DD0 · #7F46A7 · #192C67 · #0F0529

Plum takes the lead with Navy close behind in a set that reads as creativity and balance at first glance.

The five colors

• Shell Pink (#F4DAEA): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#988DD0): A luminous, balanced violet — the color of wild irises.
• Plum (#7F46A7): A full-bodied, balanced violet — the color of wild irises.
• Navy (#192C67): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0F0529): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged pastel, light.

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

• Linen Mulberry Terrace color palette (#E3DCFD, #9D7BBC, #884C88, #2F2B68, #1A020C)
• Worn Alley color palette (#D7E2ED, #5493F2, #5B5FA6, #00344A, #1D061E)
• Washed Basin color palette (#DAE6FF, #AB9BE2, #A670A9, #004977, #10062C)
• Sunlit Plum Boulevard color palette (#F3E8F4, #D374B9, #B54476, #4A185F, #1C0206)
• Hazy Wisteria Drift color palette (#FFE2ED, #D8B0F1, #C67EBF, #595391, #492733)
• Quiet Veranda color palette (#FEE2FB, #B49EE5, #E26B8B, #00707F, #0E0831)
• Aubergine Courtyard color palette (#E9D8ED, #590068, #4B1600, #001522, #060001)
• Mulberry Alley color palette (#FDEAEC, #970090, #51001D, #360033, #060000)

Browse the whole catalog at Explore, or see today's palette.