Grape Harbor color palette — #F2F4FF · #7244C8 · #6A4400 · #004820 · #00293D
Built around Violet, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Violet (#7244C8): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#004820): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#00293D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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
- Hushed Mulberry color palette (#F5F3FF, #7E4190, #5E4D00, #004033, #0C1D31)
- Ancient Balcony color palette (#EFF6FF, #2164D4, #8B3800, #354200, #002834)
- Orchid Balcony color palette (#F5F3FF, #B543C6, #923C00, #2C4A00, #003742)
- Aged Bloom color palette (#F4F4FF, #E5D4E4, #C3B6D0, #814FA9, #3E3E4A)
- Sunlit Byzantium color palette (#F3EFFF, #B300B5, #784800, #593400, #00101B)
- Plum Hollow color palette (#E2FEE7, #B266D3, #AD0066, #394E00, #472944)
- Aubergine Loft color palette (#E7E2F5, #6C0075, #2E2E00, #00201B, #010421)
- Worn Plum Workshop color palette (#F5E4FF, #B50068, #0E5508, #003642, #1E1235)
Browse the whole catalog at Explore, or see today's palette.