Grape Harbor color palette — #E2E7FB · #8CB55A · #6C41D6 · #3A2B6C · #01010F

Violet and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E2E7FB): A whisper-light, dusty violet — the color of wild irises.
• Jade (#8CB55A): A luminous, balanced green — the color of fresh herbs.
• Violet (#6C41D6): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#3A2B6C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#01010F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, 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

• Byzantium Loft color palette (#DDDCEE, #8CB738, #9136AF, #4F215E, #03000F)
• Sunlit Ultramarine color palette (#D9E3F1, #CF9C20, #2F5DCF, #1B3470, #00020C)
• Patina Quarry color palette (#E4E1FE, #A1D31A, #B047D1, #6B307E, #100B22)
• Mulberry Basin color palette (#E8DFF4, #819108, #800064, #2C0020, #030007)
• Aubergine Atelier color palette (#EDDBE1, #DE6A60, #5C1790, #25093C, #090003)
• Raspberry Coast color palette (#E5D9E8, #BFBF4E, #C93D6C, #703042, #110714)
• Orchid Chapel color palette (#EBE9F3, #CDBAC4, #C39CA5, #AA60AA, #211C2D)
• Lilac Harbor color palette (#F2F4FF, #BCE3AB, #9A88C9, #5B6084, #1F212B)

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