Grape Harbor color palette — #ECDBE1 · #BE98FF · #7A9F03 · #7232BC · #151F00

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

The five colors

• Shell Pink (#ECDBE1): A whisper-light, dusty rose — the color of strawberry cream.
• Wisteria (#BE98FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#7A9F03): A luminous, vivid green — the color of a quiet forest floor.
• Plum (#7232BC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#151F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Tempered Lapis Grove color palette (#F4D8EB, #9AA8FF, #919703, #4635E3, #1B1D00)
• Wandering Byzantium Pier color palette (#F9E4E8, #E580F9, #3DAA02, #9300A9, #062200)
• Weathered Lantern color palette (#F9DCE4, #C778F3, #02995D, #7600A2, #001408)
• Hushed Pier color palette (#F5DDE2, #CD6CEC, #00A686, #9E3CBB, #002118)
• Gentle Raspberry Courtyard color palette (#FFD6F3, #FFA7E7, #01C869, #C500A7, #003819)
• Pale Lapis Boulevard color palette (#F9E8F4, #7F91FF, #DB6A00, #4E4EFF, #2E1100)
• Chalky Plum color palette (#F8E6E5, #EB65AB, #00A782, #BE2780, #002117)
• Faded Emerald Cabin color palette (#F5E3EF, #6C7CFF, #1F9E1B, #008A67, #090A33)

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