Lapis Pier color palette — #DCE9FE · #5F85F5 · #3B36DF · #332595 · #2A2255

Iris takes the lead with Indigo close behind in a set that reads as creativity and calm at first glance.

The five colors

• Frost (#DCE9FE): A whisper-light, dusty violet — the color of a velvet chair.
• Periwinkle (#5F85F5): A luminous, vivid violet — the color of a velvet chair.
• Iris (#3B36DF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#332595): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#2A2255): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Softworn Grape color palette (#E8ECFF, #7D79E8, #6D2FDA, #4D168C, #3A2451)
• Pale Ultramarine color palette (#D8EEFB, #0E7BF6, #3B41C9, #3C1F72, #210533)
• Muted Pier color palette (#C9E6FB, #4799FF, #485DE5, #563896, #41234F)
• Frosted Navy Drift color palette (#D5E6F2, #008CDF, #0058A4, #043391, #192551)
• Quiet Bloom color palette (#E3DCFF, #987CDC, #5A22BA, #340072, #1B0141)
• Chalky Pier color palette (#D3DFF2, #5777DA, #007D62, #2135AE, #003125)
• Ancient Wisteria Workshop color palette (#E9EDFF, #D8BEF1, #C87CC7, #514D9D, #2B2C46)
• Faded Amethyst color palette (#E2E4F6, #8144C6, #AE004A, #005376, #251738)

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