Grape Harbor color palette — #FADAEC · #7D6CEF · #737600 · #4F00CB · #2F3000

Indigo takes the lead with Amethyst close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FADAEC): A whisper-light, dusty pink — the color of peonies in June.
• Amethyst (#7D6CEF): A luminous, vivid violet — the color of twilight just after sunset.
• Olive (#737600): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#4F00CB): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#2F3000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Nightshade color palette (#F5DBF3, #427FEE, #797300, #0040B8, #322F00)
• Muted Orchid color palette (#FFD8E7, #AD6BFA, #518000, #580094, #1F3500)
• Airy Amethyst color palette (#FED8ED, #998BFF, #00A198, #6C23FC, #003633)
• Pale Cobalt Coast color palette (#C7EFE3, #008ADB, #846F00, #005285, #372D00)
• Frosted Byzantium Veranda color palette (#EDE7F7, #8945D3, #756300, #405D00, #2E104D)
• Weathered Courtyard color palette (#FFF1F4, #D07DE1, #3C9600, #7C008F, #184700)
• Powdered Lagoon color palette (#F6D5D7, #A8619D, #13892E, #720067, #00330A)
• Violet Alley color palette (#FFF1F6, #B7A6D6, #9A9E5B, #805DB4, #4E5026)

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