Grape Harbor color palette — #DCF6EC · #667300 · #6C00C3 · #292F00 · #020007

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

The five colors

• Honeydew (#DCF6EC): A whisper-light, dusty teal — the color of sea glass.
• Olive (#667300): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#6C00C3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#292F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Veranda color palette (#D7E9DA, #876500, #2A08F1, #382800, #00000B)
• Aubergine Atelier color palette (#E1DFCF, #465300, #411A8A, #1B2200, #010008)
• Aged Mulberry color palette (#C7EFEB, #1F8F43, #7C006C, #003512, #040003)
• Washed Boulevard color palette (#CBEEE3, #78A126, #5D3CCC, #435F00, #06001E)
• Bronze Delta color palette (#FCE5EC, #955C00, #00588F, #3F2400, #000103)
• Antique Harbor color palette (#FBDEE2, #586FFF, #007E3E, #030C0A, #000201)
• Sunlit Villa color palette (#CBF9F9, #28BB81, #BA0397, #005D3C, #14000E)
• Tempered Parlor color palette (#ECF2E3, #485E00, #004A76, #60002A, #010100)

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