Vivid Lapis color palette — #E3EBFF · #5E6FFF · #5612F7 · #3F0097 · #1D0041
Built around Iris, softened by Sapphire — the whole palette hums with creativity and energy.
The five colors
- Frost (#E3EBFF): A whisper-light, dusty violet — the color of a velvet chair.
- Sapphire (#5E6FFF): A luminous, vivid violet — the color of twilight just after sunset.
- Iris (#5612F7): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3F0097): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#1D0041): 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 Lapis 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
- Dusty Grape color palette (#EDEEFD, #8C5FFF, #7D00DE, #510082, #280039)
- Signal Alley color palette (#DAE9F9, #3189FE, #0B39FA, #2000B0, #110249)
- Vivid Lapis Garden color palette (#CFE9FF, #568BFF, #5C0FFB, #531598, #500A55)
- Feathered Indigo color palette (#E4ECFE, #8797FF, #6B5BFF, #5C33BA, #371969)
- Soft Grape color palette (#ECDEFF, #B97EFF, #7D00C3, #3B0064, #0D001E)
- Linen Aubergine color palette (#FCD6E5, #9B5CF5, #CA2F00, #6100B1, #2F0500)
- Fuchsia Boulevard color palette (#F5EEFF, #EEB9FF, #FA71E6, #6F4DCA, #291334)
- Softworn Cobalt color palette (#C7E3F4, #0091D8, #0061A9, #003B80, #020555)
Browse the whole catalog at Explore, or see today's palette.