Grape Harbor color palette — #EEF6FF · #2C7FD4 · #732BB0 · #760042 · #511F00
A conversation between Plum and Azure, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Azure (#2C7FD4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#732BB0): A full-bodied, vivid violet — the color of wild irises.
- Mulberry (#760042): A deep, shadowed, balanced rose — the color of strawberry cream.
- Espresso (#511F00): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Creativity, Energy, 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
- Softworn Grape Orchard color palette (#EEF6FF, #2B7ED9, #7729AE, #77003D, #003741)
- Aubergine Meadow color palette (#EBF7FF, #008AB4, #4649B4, #680070, #5F001E)
- Quiet Garnet color palette (#C8EEFF, #87B8DD, #607FAF, #704577, #6E2B34)
- Sunlit Grove color palette (#F2F5FF, #867EC3, #864C79, #821B22, #503000)
- Tempered Cabin color palette (#D1E4F4, #0070A2, #452B9A, #520047, #420006)
- Powdered Ultramarine Balcony color palette (#DFF8F6, #009D4A, #3345CE, #6F0401, #231500)
- Nightshade Loft color palette (#E3FAFF, #009189, #006287, #3500B2, #4C0F54)
- Powdered Amethyst color palette (#F1F9E0, #00B96D, #8543F8, #7A4800, #472800)
Browse the whole catalog at Explore, or see today's palette.