Grape Harbor color palette — #D5DDFB · #AA98FA · #878D00 · #5E1EC6 · #292C00

Built around Plum, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#D5DDFB): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#AA98FA): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#878D00): A luminous, balanced green — the color of fresh herbs.
• Plum (#5E1EC6): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#292C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Sunlit Study color palette (#D2DEF7, #7B90F3, #A48100, #403DF0, #342700)
• Tempered Bloom color palette (#FFF0F8, #B9AAFF, #9B9000, #5E44AA, #1C1900)
• Frosted Amethyst color palette (#ECEDFD, #B39AD9, #90AA38, #8144C4, #303B00)
• Sunlit Meadow color palette (#DEDDF2, #B57BD4, #568400, #66008B, #112000)
• Violet Grove color palette (#D6DDF7, #8265DD, #6E6F00, #4E299D, #2A2B00)
• Dusty Mulberry color palette (#E3D8F5, #CA79B1, #19A76E, #9F0081, #00321D)
• Powdered Sky color palette (#CDE1F3, #4BB2FB, #AB6100, #0069A2, #3F2000)
• Orchid Delta color palette (#F5F3FF, #D4A4D8, #72B972, #AF58B7, #234E24)

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