Lapis Pier color palette — #D6E0F1 · #6C8CF4 · #502FEB · #450099 · #200040
Built around Iris, softened by Indigo — the whole palette hums with creativity and energy.
The five colors
- Frost (#D6E0F1): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#6C8CF4): A luminous, balanced violet — the color of a velvet chair.
- Iris (#502FEB): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#450099): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#200040): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Lapis Pier 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
- Muted Grape color palette (#E0E4FD, #8A7AF0, #741FD7, #550083, #280033)
- Frosted Ultramarine Meadow color palette (#CAE4F8, #2893F9, #0F4FF2, #2410A4, #160047)
- Worn Harbor color palette (#E8D9E8, #5974EB, #6326C5, #6B002F, #111132)
- Gentle Nightshade color palette (#DEF2F9, #007CCF, #3824AC, #350054, #270022)
- Patina Cabin color palette (#81F6FF, #0DABEA, #3E4FC3, #3E005F, #12000A)
- Quiet Azure color palette (#CEE8F4, #009BE2, #0065AC, #003279, #08004F)
- Hushed Violet color palette (#D9E5FD, #74B8FF, #7288FF, #835CE7, #120B44)
- Faded Iris color palette (#EDF1FF, #B8BCFF, #9782E5, #734FA1, #4E2465)
Browse the whole catalog at Explore, or see today's palette.