Grape Harbor color palette — #D9EDFF · #A0BFFD · #878BDE · #7353B2 · #543A5B

Plum and Lavender Blue set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#D9EDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A0BFFD): A luminous, balanced violet — the color of wild irises.
• Lavender Blue (#878BDE): A luminous, balanced violet — the color of a velvet chair.
• Plum (#7353B2): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#543A5B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged cool.

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

• Patina Corridor color palette (#EDF7FF, #C3D6FF, #9392EB, #786298, #533039)
• Hazy Plum Thicket color palette (#DCE8FF, #B9AAE7, #B081CD, #9B4A97, #643B51)
• Quiet Sapphire color palette (#C9F0FF, #7BC4E9, #4C9DE3, #3D67BE, #47436F)
• Aubergine Workshop color palette (#F2F4FF, #D3BBF3, #9F84CA, #6B4695, #38224F)
• Wandering Studio color palette (#F1F5FF, #AFB0EF, #9DAE5A, #7671D6, #3F471D)
• Neon Byzantium color palette (#D4E2FF, #8A8CFF, #9D27FB, #8800A7, #5F004A)
• Muted Azure Study color palette (#F2F5FF, #E1D7E1, #EFBBAA, #6A96C5, #46465C)
• Timeworn Orchard color palette (#DCDCFB, #8E4EB9, #730085, #430032, #140004)

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