Grape Harbor color palette — #F3D9DF · #85439E · #5B5800 · #00412E · #110018

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

The five colors

• Shell Pink (#F3D9DF): A whisper-light, dusty red — the color of late-summer berries.
• Plum (#85439E): A full-bodied, balanced pink — the color of neon signs at night.
• Olive (#5B5800): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#110018): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Feathered Mulberry Canyon color palette (#E1DAF0, #8D4084, #744800, #004235, #2B0D27)
• Feathered Summit color palette (#FFE0E4, #9B589B, #5E6D02, #00503E, #21050C)
• Sunlit Mulberry Villa color palette (#EEDCDE, #95258D, #414300, #00302B, #010018)
• Airy Lapis Drift color palette (#F8EAF2, #5D49CC, #714D00, #144200, #070122)
• Gentle Mulberry Drift color palette (#F8D6D0, #A7345A, #00663E, #003D49, #170006)
• Faded Ridge color palette (#FFF0F8, #8971EF, #008B66, #005C42, #14010B)
• Garnet Hollow color palette (#F7E9D3, #B25282, #8E1404, #003621, #23000A)
• Deep Meadow color palette (#EEDEDC, #7E0040, #00421B, #002126, #040001)

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