Grape Harbor color palette — #E8DFFF · #7D32D8 · #625A00 · #004454 · #251341

Violet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E8DFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#7D32D8): A full-bodied, vivid violet — the color of wild irises.
• Olive (#625A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004454): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#251341): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. 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

• Misty Grape color palette (#FCDAE8, #7B3FC8, #8C4000, #004A28, #270E46)
• Ancient Veranda color palette (#E3DDFA, #AA08B5, #566300, #00463C, #18001A)
• Weathered Byzantium Grove color palette (#FFD9E2, #991DBF, #A4004A, #3B4100, #2F0B3C)
• Hazy Plum Orchard color palette (#FFDFE2, #B122A4, #005C2D, #00394A, #0E1E35)
• Magenta Veranda color palette (#FFD9E0, #CA3AD4, #787E00, #006852, #310F33)
• Linen Orchid Summit color palette (#E1EBB6, #A84DCD, #9B0E00, #003E55, #4B0337)
• Plum Canyon color palette (#FFF1F0, #AC0570, #583800, #003239, #2B0019)
• Navy Market color palette (#FFE9E1, #A65550, #4C6D13, #0D4189, #381F15)

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