Lapis Villa color palette — #DFF1FF · #497CFF · #503CC6 · #3E196A · #240025
Built around Iris, softened by Periwinkle — the whole palette hums with creativity and energy.
The five colors
- Frost (#DFF1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Periwinkle (#497CFF): A luminous, vivid violet — the color of twilight just after sunset.
- Iris (#503CC6): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3E196A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#240025): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Lapis Villa 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 Hollow color palette (#C1E7FA, #008DE0, #3148C6, #331C77, #1A0134)
- Nightshade Pier color palette (#D4E3EE, #4B91E9, #4F41B7, #531E7C, #47123F)
- Indigo Cabin color palette (#D2DFFF, #9CACFF, #6762E7, #513F94, #1E0D3B)
- Patina Amethyst color palette (#D8E1F2, #6643F6, #68009A, #450044, #16000F)
- Muted Lilac color palette (#E5DCED, #A975F2, #6535A5, #320458, #080016)
- Muted Violet color palette (#E6E8F6, #8F60F4, #7D21A2, #630452, #2F011B)
- Hushed Violet color palette (#E5EAFF, #8763DF, #786C00, #4D2F8C, #151200)
- Chalky Navy color palette (#C9F4F3, #0090AA, #005E83, #002B66, #0D0C3B)
Browse the whole catalog at Explore, or see today's palette.