Grape Harbor color palette — #F7F2FF · #D1ADFF · #83A300 · #8500D6 · #192200

Built around Violet, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Lavender (#D1ADFF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#83A300): A luminous, vivid green — the color of new leaves after rain.
• Violet (#8500D6): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Garden color palette (#FFF0F8, #ACA6FF, #B19C06, #6A27FB, #241E00)
• Dusty Byzantium color palette (#FFD9E5, #DDB6FF, #9DB503, #A123E6, #2A3200)
• Chalky Byzantium color palette (#FFF1F4, #F29AFF, #24B321, #9B00AF, #032602)
• Faded Orchid color palette (#EBEBFD, #AC52EA, #717900, #6D00A1, #161800)
• Dusty Thicket color palette (#FFF1F2, #FFBEED, #00C78A, #C414A7, #003824)
• Linen Sapphire color palette (#FFEFFF, #7DB5FF, #CB8E06, #0065CD, #2B1B00)
• Quiet Plum color palette (#FFF1F1, #F975BE, #00AA8D, #AF0078, #001E17)
• Orchid Basin color palette (#EBDEFF, #A54DF8, #007F89, #6A00AE, #00353A)

Browse the whole catalog at Explore, or see today's palette.