Misty Villa color palette — #EFF6FF · #9BB9F8 · #4C6FCB · #213E78 · #19294A

Sapphire and Navy set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9BB9F8): A luminous, balanced violet — the color of wild irises.
• Sapphire (#4C6FCB): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#213E78): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#19294A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

Use it as a design system

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

• Aged Orchard color palette (#F0F6FF, #C3D9FF, #90ADEF, #5E7AB4, #152A51)
• Muted Thicket color palette (#F3F4FF, #BAACEF, #785CBA, #493575, #342A4E)
• Petrol Coast color palette (#ECF7FF, #78C5EE, #007CAB, #004E6C, #003449)
• Iris Terrace color palette (#F0F5FF, #B4D1FF, #7092D9, #47598E, #202E51)
• Timeworn Studio color palette (#EFF6FF, #DAD7E5, #C9BFF3, #58789B, #404959)
• Nightshade Cabin color palette (#DFE4F7, #5B61EA, #24009F, #0D0046, #020019)
• Hushed Chapel color palette (#F3F4FF, #DB9B98, #58457C, #322648, #201926)
• Feathered Plum color palette (#F5F4FB, #CC97DD, #AF3F76, #803F95, #28202E)

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