Grape Harbor color palette — #D2E7F4 · #007492 · #851B9C · #003F50 · #0E0013

Built around Plum, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#D2E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007492): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#851B9C): A full-bodied, vivid pink — the color of peonies in June.
• Deep Teal (#003F50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E0013): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Hushed Mulberry color palette (#D7E9FC, #0E6AB9, #9B0D66, #003969, #120008)
• Hazy Grape color palette (#C3E8F0, #007973, #592ACC, #00413E, #06001E)
• Garnet Studio color palette (#D3EDFE, #005978, #780028, #002433, #130002)
• Pale Fern Meadow color palette (#D1EAFC, #00739A, #336700, #003E55, #020800)
• Ancient Cobalt Atelier color palette (#DAF0FB, #0087BA, #00516F, #001F2D, #000204)
• Wandering Cobalt Meadow color palette (#CEEAFE, #71ACDE, #587DC8, #004F62, #000E1A)
• Nightshade Market color palette (#E8EEFD, #6D64D6, #00766D, #4200B9, #001411)
• Pale Delta color palette (#D0F2DE, #008CA9, #BF4000, #005E72, #110200)

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