Grape Harbor color palette — #EEF6FE · #62A0CF · #7A3E99 · #005482 · #17142E

Plum and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Cornflower (#62A0CF): A luminous, balanced blue — the color of open sky before noon.
• Plum (#7A3E99): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005482): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#17142E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.

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

• Antique Plum color palette (#E9F4F9, #00B2D2, #A4218D, #005F72, #090312)
• Tempered Harbor color palette (#E9F8FC, #54AAA8, #3958A8, #005C5B, #091830)
• Tempered Parlor color palette (#F0F5FF, #8494DE, #8D3383, #3530C1, #1B1429)
• Antique Ultramarine color palette (#F2F5FB, #97AFDD, #965583, #2654C6, #272031)
• Aubergine Loft color palette (#E2F4E5, #7083BF, #6F448C, #553A00, #2D2A51)
• Ancient Peony Hollow color palette (#ECF9F1, #52C5E5, #BE4AB1, #007F99, #271114)
• Antique Orchid Alley color palette (#F1F5FF, #8DC6FF, #9F9AFF, #A34DAD, #37294D)
• Tempered Denim color palette (#F2F5FB, #DBD7E3, #B0B2C6, #4262A1, #323B48)

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