Misty Lapis color palette — #F1F5FF · #B9B6FF · #62B300 · #6443DF · #224500

Iris takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#B9B6FF): A luminous, balanced violet — the color of wild irises.
• Clover (#62B300): A luminous, vivid green — the color of new leaves after rain.
• Iris (#6443DF): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#224500): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Misty 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

• Byzantium Workshop color palette (#F4F4FF, #DCA5FF, #2AB92E, #9514CD, #0A480C)
• Wandering Delta color palette (#FFF1F6, #D1B9FF, #ABBC1B, #9352E4, #2D3200)
• Quiet Sapphire Loft color palette (#F0F5FF, #8FA9FF, #CD9A18, #4157F6, #4C3600)
• Ancient Canyon color palette (#F4F4FF, #CA90F9, #00B599, #9F38E1, #004539)
• Wisteria Veranda color palette (#FFF1F6, #B386FF, #788900, #5C3296, #374000)
• Timeworn Alley color palette (#DCDCEF, #CC89F0, #6C9600, #7D04A8, #1F2F00)
• Byzantium Studio color palette (#F3F4FF, #BE96FF, #C98F00, #8F47E5, #4E3500)
• Weathered Meadow color palette (#F2EAFE, #D68BC1, #8CAC17, #A13D8A, #2F3B09)

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