Grape Loft color palette — #F9F2FF · #C888ED · #8407D8 · #300052 · #020006

Violet and Wisteria set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Wisteria (#C888ED): A luminous, balanced violet — the color of a velvet chair.
• Violet (#8407D8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#300052): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged monochrome, vibrant.

Use it as a design system

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

• Lapis Garden color palette (#F4F4FF, #B09EFF, #6432F1, #2B006F, #020008)
• Byzantium Studio color palette (#FFF0FD, #E485DE, #A800A7, #3A0045, #030004)
• Hushed Cabin color palette (#FFD8FA, #DB6BCA, #850080, #27002B, #030003)
• Weathered Aubergine color palette (#E8DDFC, #9667CE, #5D2297, #290044, #040007)
• Antique Orchid Study color palette (#E6D8F8, #CA8CFF, #A85CDB, #6F3695, #0E001C)
• Ultramarine Alley color palette (#EBF4FF, #7FA8FF, #0050E1, #002553, #000009)
• Wisteria Courtyard color palette (#FFF1F4, #EAD7E2, #CB80D5, #744782, #2A1034)
• Weathered Workshop color palette (#E5E9C6, #04DBAF, #C339EA, #16011D, #040001)

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