Grape Harbor color palette — #F7E2ED · #7E6CF7 · #787A00 · #5211D1 · #1C1C00
Iris and Amethyst set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7E2ED): A whisper-light, dusty pink — the color of peonies in June.
- Amethyst (#7E6CF7): A luminous, vivid violet — the color of wild irises.
- Olive Leaf (#787A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Iris (#5211D1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#1C1C00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Pale Ultramarine color palette (#F2D7ED, #597FE9, #8E7100, #1D32D5, #221900)
- Patina Veranda color palette (#F8DBE5, #AD78ED, #697F00, #5D009A, #171E00)
- Soft Amethyst Balcony color palette (#ECD9E2, #7838EC, #685900, #42078E, #201A00)
- Powdered Grape Canyon color palette (#D8DFFA, #B19FFF, #AE8B03, #643DBE, #221900)
- Worn Amethyst color palette (#FFE7F2, #7E47EF, #A34E00, #006852, #140631)
- Timeworn Nightshade Workshop color palette (#E8EEFF, #8C7AFE, #D63539, #4D26B4, #180001)
- Misty Grape Workshop color palette (#FFD9E2, #E281FF, #47A400, #8B00A9, #133800)
- Hazy Magenta color palette (#FFE1E3, #DE59CD, #008C30, #75006B, #002206)
Browse the whole catalog at Explore, or see today's palette.