Grape Harbor color palette — #F6D4DB · #B97ECB · #48A54B · #8E00AD · #013306

Plum and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6D4DB): A whisper-light, dusty red — the color of embers at dusk.
• Wisteria (#B97ECB): A luminous, balanced pink — the color of neon signs at night.
• Kelly Green (#48A54B): A luminous, balanced green — the color of new leaves after rain.
• Plum (#8E00AD): A full-bodied, vivid pink — the color of peonies in June.
• Deep Forest (#013306): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Mulberry Quarry color palette (#F2D6D8, #E282CD, #00A050, #91007D, #003315)
• Wandering Grape Study color palette (#EED7E0, #B892F8, #749300, #6E00C1, #222E00)
• Plum Quarry color palette (#FFE8EB, #CA92C6, #5CB464, #9E3B9B, #0F4017)
• Muted Lagoon color palette (#F5F4FF, #E691FF, #38A723, #813197, #031F01)
• Powdered Aubergine Drift color palette (#F4D4DE, #A871D4, #008033, #560081, #003310)
• Powdered Clover color palette (#DFDAF6, #F39DFF, #6EBA11, #9A47A6, #183000)
• Aged Plum color palette (#F0D8D2, #DF6F8B, #009A96, #B70052, #00302F)
• Feathered Lapis color palette (#F0D5E9, #7993E8, #A18300, #353FF3, #332800)

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