Lapis Studio color palette — #DEE3FF · #5730FF · #7A4E00 · #314400 · #181747

Iris and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEE3FF): A whisper-light, dusty violet — the color of wild irises.
• Iris (#5730FF): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#314400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#181747): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Lapis Studio 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

• Powdered Grape color palette (#E9ECFF, #7636D1, #5A3A00, #003B15, #001B2C)
• Lapis Balcony color palette (#E4E7FA, #5953D8, #9F2E00, #00491B, #08002F)
• Muted Quarry color palette (#E2E1FF, #9600D1, #695700, #004932, #2A1338)
• Chalky Cobalt color palette (#D0E8FF, #217DC4, #7E2700, #493B00, #00213B)
• Powdered Bloom color palette (#F4F4FF, #994FC0, #726900, #005840, #362142)
• Magenta Meadow color palette (#FFD9E0, #C443D5, #D22761, #516000, #330938)
• Quiet Orchid color palette (#FFE1A2, #A84AD1, #950059, #2F3F00, #430D42)
• Aubergine Coast color palette (#F4F4FF, #D3D0E0, #AF9FBF, #723A9E, #313143)

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