Grape Harbor color palette — #DDDFF1 · #5526DE · #5E4400 · #280077 · #040200

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

The five colors

• Frost (#DDDFF1): A whisper-light, dusty violet — the color of a velvet chair.
• Iris (#5526DE): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Royal Purple (#280077): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#040200): a grounded near-black with real depth.

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

• Airy Ultramarine Dune color palette (#F3DDF2, #0053BF, #614300, #00265E, #050200)
• Patina Grape color palette (#F2DCE1, #8800B3, #455000, #410058, #020300)
• Deep Garden color palette (#E8EAFB, #4300C5, #4A3D00, #153110, #010009)
• Nightshade Veranda color palette (#E8EFFF, #6066DD, #7C6300, #3700C1, #150F00)
• Indigo Veranda color palette (#DBE6FD, #5A67FF, #007866, #2715A4, #000201)
• Hazy Grape color palette (#DCEEEC, #A45800, #6700F5, #1C0411, #040002)
• Softworn Cocoa Cabin color palette (#CBEEDC, #006580, #6E3A00, #002F3D, #060200)
• Velvet Amethyst Summit color palette (#E8E7F6, #774DE6, #3E0096, #110031, #010008)

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