Grape Boulevard color palette — #F3F4FF · #97CC85 · #7750B2 · #422E61 · #17182C

A conversation between Plum and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mint Leaf (#97CC85): A luminous, balanced green — the color of new leaves after rain.
• Plum (#7750B2): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#422E61): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#17182C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Balance. Tagged luxury, dark.

Use it as a design system

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

• Worn Bloom color palette (#F8F2FF, #C1CB92, #8C627D, #58354C, #251E2C)
• Powdered Courtyard color palette (#FFF1F6, #AEED9B, #7F44C8, #381D5A, #130209)
• Timeworn Jade Cabin color palette (#DBDCF3, #8CB35F, #664188, #331C46, #0A0918)
• Timeworn Mustard color palette (#EFF6FF, #EAAE52, #4167AE, #213967, #0D1B2E)
• Timeworn Lagoon color palette (#F4F4FF, #FFBCAE, #BD5CE0, #754488, #1A162F)
• Feathered Garden color palette (#EDE8F9, #879D3D, #6A2167, #2E072C, #04000E)
• Gentle Aubergine Balcony color palette (#FFF1F4, #DA897A, #612E75, #3A0B4B, #2F0D19)
• Tempered Mustard Courtyard color palette (#EDDFF1, #B7B000, #9A2B51, #5A0027, #25000C)

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