Grape Harbor color palette — #D9DCF9 · #7A19C2 · #380F2D · #170D17 · #030009
Plum and Deep Indigo set the tone — five colors that lean into creativity and energy.
The five colors
- Thistle (#D9DCF9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Plum (#7A19C2): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#380F2D): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#170D17): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, 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
- Twilit Ultramarine Atelier color palette (#D3E1FC, #3948C7, #2D1241, #120D17, #010010)
- Smoked Lagoon color palette (#F1EAFF, #9C0287, #3B1119, #1C0B15, #050004)
- Aubergine Villa color palette (#F7DFE7, #600495, #1A0020, #130B01, #030009)
- Weathered Mulberry Pier color palette (#E4E0F5, #9A5BBE, #980098, #6D0047, #180004)
- Powdered Villa color palette (#E5DDED, #C53A8E, #64302E, #340A23, #020109)
- Magenta Chapel color palette (#F0ECFF, #C557CA, #704551, #322949, #03040D)
- Tempered Wisteria Delta color palette (#E1E0F9, #C97AEC, #8A536D, #50355D, #0D111F)
- Aubergine Loft color palette (#FFE3ED, #533200, #3B0063, #1C0E05, #070004)
Browse the whole catalog at Explore, or see today's palette.