Vivid Grape color palette — #D4E4FB · #5971FF · #5A10F1 · #42007F · #2D0044
A conversation between Iris and Sapphire, giving this palette its sense of creativity and energy.
The five colors
- Frost (#D4E4FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#5971FF): A luminous, vivid violet — the color of wild irises.
- Iris (#5A10F1): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#42007F): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#2D0044): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Vivid Grape 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
- Ultramarine Orchard color palette (#D2EAFA, #1B89F8, #1B2DEC, #360AA7, #1D004A)
- Grape Dune color palette (#D9DFF6, #8761FF, #8600D5, #570072, #2A0029)
- Signal Amethyst color palette (#E9EFFF, #8A91FF, #734AFF, #5E20C0, #3C0C6B)
- Lucid Meadow color palette (#E2F2FF, #4F80FF, #5421EF, #5D00A6, #5C045F)
- Hushed Coast color palette (#EFE6FF, #C474FF, #7C03C3, #3A0063, #0D001D)
- Aged Atelier color palette (#E3F3FF, #8DBDFF, #8B67FF, #751FA0, #410037)
- Aubergine Corridor color palette (#ECE9FF, #8C61FF, #797600, #5700BD, #181700)
- Tempered Navy color palette (#DBF4FF, #0090CF, #005FAF, #001F96, #15054D)
Browse the whole catalog at Explore, or see today's palette.