Grape Summit color palette — #FFF0F7 · #C2B5FF · #979D00 · #7203EE · #1F2000

Violet and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#C2B5FF): A luminous, balanced violet — the color of a velvet chair.
• Moss (#979D00): A luminous, balanced green — the color of new leaves after rain.
• Violet (#7203EE): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#1F2000): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Airy Lapis color palette (#FFF0FB, #9AACFF, #B49B06, #4840FD, #251E00)
• Dusty Dune color palette (#FFF1F5, #DAA9FF, #6BAA00, #8E00C9, #132400)
• Hazy Indigo color palette (#FED8EE, #ABAAFF, #A2C120, #7461F3, #293300)
• Weathered Violet color palette (#E4E0FF, #8D5CFF, #727600, #5916B9, #2F3100)
• Gentle Byzantium color palette (#FFF1F3, #FCBCFF, #5CC456, #BB00C7, #053905)
• Chalky Mulberry color palette (#FFF1F2, #F292DC, #23A759, #9B0086, #001F0A)
• Faded Nightshade color palette (#E5ECFF, #8881FF, #637B00, #3E00AE, #121900)
• Amber Pier color palette (#D8FFF3, #85C8FF, #D27E00, #0068A3, #2F1800)

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