Grape Harbor color palette — #EBEDFF · #7F00D3 · #940019 · #3E1E00 · #020006
A conversation between Violet and Garnet, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#EBEDFF): A whisper-light, dusty violet — the color of a velvet chair.
- Violet (#7F00D3): A full-bodied, vivid violet — the color of wild irises.
- Garnet (#940019): A full-bodied, vivid orange — the color of autumn markets.
- Espresso (#3E1E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Energy, Balance. 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
- Misty Lapis Lantern color palette (#D4E0FA, #4940DA, #8E004E, #500400, #01000A)
- Aged Mulberry Summit color palette (#ECE4FF, #9F0096, #773A00, #342500, #030003)
- Hazy Raspberry color palette (#FFE9F4, #BD30A2, #7C0041, #291700, #040002)
- Lowlit Nightshade Drift color palette (#FFE1F3, #3B1EA9, #4E2E00, #122100, #01000A)
- Mulberry Ridge color palette (#F3E7F5, #CB5AC0, #91006F, #36001E, #040001)
- Plum Orchard color palette (#EDE1F4, #B9006C, #632700, #1A1500, #020005)
- Weathered Amethyst Courtyard color palette (#EAEDFF, #834ED4, #006F66, #00404E, #020007)
- Lowlit Garnet color palette (#F5E9F5, #930028, #453C00, #0C1E00, #040000)
Browse the whole catalog at Explore, or see today's palette.