Grape Pier color palette — #DEF6E7 · #7B6800 · #7017C1 · #423700 · #0A001A

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

The five colors

• Honeydew (#DEF6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#7B6800): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#7017C1): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A001A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Grape Pier 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

• Hazy Nightshade Terrace color palette (#F2EAD3, #766D00, #4D38B8, #302C00, #010009)
• Misty Aubergine color palette (#CAECE5, #4B8C1F, #70008D, #1D4300, #0E0014)
• Softworn Ultramarine color palette (#EFEADA, #949826, #494EBE, #575900, #030022)
• Ultramarine Hollow color palette (#F7DFE6, #935A00, #004FBD, #502F00, #000518)
• Nightshade Drift color palette (#EAEBD4, #5D5C00, #4917C3, #4B0096, #020200)
• Hazy Byzantium color palette (#D0E4E3, #2AB26B, #9020BF, #006336, #2B003D)
• Wandering Plum color palette (#DCF3F5, #008C6D, #B50076, #00523E, #230013)
• Wandering Veranda color palette (#CCE5DD, #8FBA4A, #A05AEC, #426000, #341652)

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