Grape Harbor color palette — #FFF1F6 · #CDAFFF · #86A200 · #8100DC · #1A2200
A conversation between Violet and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender (#CDAFFF): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#86A200): A luminous, vivid green — the color of new leaves after rain.
- Violet (#8100DC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Onyx (#1A2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Washed Lapis Orchard color palette (#F3F4FF, #A7A7FF, #A4A206, #622EFD, #212000)
- Faded Studio color palette (#FFD9E5, #DBB7FF, #A6B304, #9D29E8, #2D3100)
- Washed Byzantium color palette (#FFF1F4, #EB9FFF, #0EB32D, #9800B6, #012704)
- Feathered Raspberry color palette (#FFF1F2, #FFBDF1, #37C862, #BC2AAA, #003913)
- Orchid Balcony color palette (#ECEDFF, #AD53E9, #737800, #6D00A0, #161800)
- Mulberry Hollow color palette (#FFF1F1, #F594CC, #00A679, #9E1173, #001E13)
- Weathered Sapphire color palette (#EEF6FF, #77B6FF, #CF8C06, #0069C2, #2C1A00)
- Frosted Plum color palette (#FFF2F0, #F8A1C1, #08C3A5, #B14D77, #003027)
Browse the whole catalog at Explore, or see today's palette.