Grape Harbor color palette — #FFECF5 · #A894FF · #878500 · #5A07C5 · #232200

A conversation between Plum and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Wisteria (#A894FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#878500): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#5A07C5): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Grape color palette (#FFECF4, #B190FF, #009957, #6200BE, #002813)
• Faded Ultramarine color palette (#FFEAFC, #78A5FF, #838700, #0035CE, #212300)
• Aubergine Summit color palette (#FCE1E7, #AF78C2, #758D0E, #761E90, #182000)
• Weathered Aubergine color palette (#EFDCE4, #9675E8, #3C7B00, #470092, #061700)
• Hushed Lapis Coast color palette (#F1F5FF, #B8B6FF, #8DA800, #6352C4, #354000)
• Hushed Moss Archive color palette (#FFEDED, #D586B5, #6CA533, #913C73, #1A2E05)
• Indigo Thicket color palette (#DFE2FF, #716BF8, #8B7300, #00753D, #290B20)
• Aged Sky Loft color palette (#D8FBEF, #33B2FC, #A46300, #006191, #311A00)

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