Grape Harbor color palette — #CFF0E4 · #667600 · #702CB3 · #353E00 · #250343

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

The five colors

• Honeydew (#CFF0E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#667600): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#702CB3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#353E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#250343): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Aubergine Coast color palette (#D3E9E4, #47901D, #6B2288, #1A4400, #2C003C)
• Wandering Atelier color palette (#D9F6E5, #7B6E00, #4148B7, #413A00, #110455)
• Grape Basin color palette (#ECE9DB, #91A125, #7940BC, #4F5900, #250046)
• Dusty Mulberry color palette (#C4E8EA, #00815F, #9F0069, #004431, #360021)
• Softworn Mulberry color palette (#C2F3CD, #27AF5F, #9E1698, #005F2D, #50004D)
• Pale Byzantium Parlor color palette (#E4E1D3, #A5BD2D, #964BE9, #697A00, #250145)
• Powdered Garnet Lantern color palette (#E9F3DD, #496500, #005185, #740031, #0C1500)
• Aged Harbor color palette (#E3FCF5, #8AAC67, #9779BE, #4D7314, #4B3862)

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