Grape Boulevard color palette — #FFF1F5 · #D4ACFF · #77A700 · #8800D2 · #162300

A conversation between Violet and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#D4ACFF): A luminous, balanced violet — the color of wild irises.
• Kelly Green (#77A700): A luminous, vivid green — the color of new leaves after rain.
• Violet (#8800D2): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#162300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Misty Amethyst color palette (#FFF0F8, #AEA5FF, #A1A306, #6F24F9, #202000)
• Hushed Byzantium color palette (#FEF0FF, #F797FF, #00B33F, #9D00AB, #002707)
• Byzantium Orchard color palette (#EDDDFF, #DBB7FF, #8EBA04, #9D2CE6, #253400)
• Softworn Lantern color palette (#FFF1F2, #FFBFEA, #00CA68, #C0289F, #003919)
• Orchid Canyon color palette (#DDDDEB, #AC56E4, #6B7B00, #6E009F, #141800)
• Hazy Mulberry color palette (#FFF1F1, #FF8DC6, #00A57A, #A3006A, #001E14)
• Sapphire Ridge color palette (#FFF0FE, #81B4FF, #CF8C06, #0062D6, #2C1A00)
• Soft Plum Archive color palette (#FFF2EF, #FF9DBA, #08C3A6, #C3376E, #003027)

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