Grape Harbor color palette — #EDF1FF · #9482FF · #A27D00 · #5B3BC1 · #2A1F00

Iris takes the lead with Lavender Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender Blue (#9482FF): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#A27D00): A luminous, balanced gold — the color of old brass.
• Iris (#5B3BC1): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#2A1F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged warm.

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

• Timeworn Nightshade color palette (#EDF1FF, #A496FF, #6C8E00, #522EB0, #1A2500)
• Washed Periwinkle color palette (#E8F3FF, #389BFE, #A17E00, #005CA7, #2A1F00)
• Violet Cabin color palette (#DADEEC, #845BF5, #726F00, #4B259D, #141300)
• Misty Studio color palette (#FFF0FB, #95A7FF, #AFA818, #515BE4, #3F3D00)
• Worn Meadow color palette (#E1E2FF, #7B62FF, #807800, #406A2A, #161037)
• Worn Mulberry Workshop color palette (#F2EFFF, #C88ACC, #6B9D5E, #854A8A, #002F2A)
• Ultramarine Study color palette (#F0F5FF, #7A8AED, #00937D, #4245C9, #00453A)
• Bronze Alley color palette (#E3F5FF, #00A9CC, #BD6B00, #00667C, #331900)

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