Grape Pier color palette — #D9DBFB · #BB92F2 · #6E9500 · #6C26AB · #202F00

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

The five colors

• Thistle (#D9DBFB): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#BB92F2): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6E9500): A luminous, balanced green — the color of new leaves after rain.
• Plum (#6C26AB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#202F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

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

• Frosted Coast color palette (#FFF1F6, #CAA2FF, #809900, #7331B2, #151B00)
• Worn Byzantium color palette (#EDECFF, #C391DB, #78AF52, #884DA3, #203F02)
• Mulberry Villa color palette (#E1DAF0, #E77DD2, #00A04C, #8E0C7D, #003313)
• Weathered Byzantium Canyon color palette (#F4D4DF, #D3B0FF, #92B103, #8B40CE, #242E00)
• Antique Study color palette (#DADCF2, #9065C7, #5B7600, #6200A4, #222E00)
• Ultramarine Quarry color palette (#D1DFF7, #7791F3, #A28300, #4257C1, #332800)
• Dusty Orchard color palette (#F7F3FF, #E49CD2, #6EB791, #A86798, #1C4D36)
• Dusty Lantern color palette (#E9E9FF, #A366CD, #A96B00, #007974, #291536)

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