Grape Harbor color palette — #E0F0FC · #00A2D9 · #7F00C2 · #005372 · #070010

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

The five colors

• Frost (#E0F0FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00A2D9): A luminous, balanced blue — the color of deep harbor water.
• Plum (#7F00C2): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005372): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#070010): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged duotone, 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

• Weathered Lapis Harbor color palette (#DCF2F9, #00A9B0, #4A33DA, #00575B, #020018)
• Soft Byzantium color palette (#E6F6EF, #11BAF8, #A612F3, #00729B, #1A0727)
• Misty Study color palette (#E7F7EA, #00A1AF, #94006E, #005058, #240319)
• Wandering Nightshade Pier color palette (#EEF1FD, #9C98D1, #A43A51, #5439B1, #0D020F)
• Feathered Lagoon color palette (#E3EEFF, #6691EE, #98008E, #0020D7, #0A0009)
• Misty Grove color palette (#E9F8FF, #25DAF6, #C900D3, #007889, #040005)
• Powdered Ridge color palette (#D7E6F3, #5986F6, #5D34DC, #450076, #24002A)
• Cornflower Field color palette (#CFE7D4, #2977F7, #6527AA, #462A00, #0A053C)

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