Grape Harbor color palette — #D1E1EC · #5A84E2 · #6343B5 · #4D0065 · #2C0027
A conversation between Plum and Royal Purple, giving this palette its sense of creativity and balance.
The five colors
- Silver (#D1E1EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#5A84E2): A luminous, balanced violet — the color of wild irises.
- Plum (#6343B5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#4D0065): A deep, shadowed, balanced pink — the color of neon signs at night.
- Deep Indigo (#2C0027): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged warm.
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
- Grape Archive color palette (#D1E6F9, #8292E9, #724BA8, #61236B, #360921)
- Linen Ultramarine color palette (#DAEEF6, #0086D2, #4449BC, #3A1281, #2D0034)
- Airy Corridor color palette (#D9E0EF, #9CA5FF, #7361D5, #5C2F94, #30023F)
- Patina Aubergine color palette (#EBDFF9, #A57CD3, #703292, #3D005F, #0C0014)
- Hushed Aubergine color palette (#DEEAFF, #725ACE, #5B008E, #45003C, #170005)
- Washed Mulberry color palette (#DFE5FA, #8B69D4, #85268F, #66004D, #2E0009)
- Hazy Aubergine Cabin color palette (#F2D8E8, #8281E1, #497900, #351498, #091600)
- Misty Navy Lagoon color palette (#DAEDEC, #008CA8, #005E96, #002F7C, #140240)
Browse the whole catalog at Explore, or see today's palette.