Misty Villa color palette — #F4F4FF · #FFD4DE · #E5A661 · #5470D9 · #5A3952

Sapphire and Apricot set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD4DE): A whisper-light, dusty red — the color of embers at dusk.
• Apricot (#E5A661): A luminous, balanced gold — the color of old brass.
• Sapphire (#5470D9): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#5A3952): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Amethyst Hollow color palette (#F8F2FF, #F5D8C3, #DFB438, #7A50BE, #683434)
• Feathered Apricot Study color palette (#F1F5FF, #F4CEF9, #FF9882, #0078A7, #523E67)
• Washed Workshop color palette (#F5F3FF, #F3D5D4, #F2BA9B, #9A83CC, #473B57)
• Frosted Violet color palette (#FFECEF, #FFCCCD, #FF989B, #8666BE, #3B1B1D)
• Nightshade Grove color palette (#F5F3FF, #EDB4BE, #BB9147, #4B46B0, #4C1D30)
• Airy Aubergine color palette (#E8E0F0, #DF9D97, #998100, #692399, #3F0516)
• Hushed Driftwood color palette (#FCF1FA, #C5E3E7, #93CDD5, #B47993, #5C4652)
• Chalky Orchard color palette (#FFF0FE, #FFC58D, #8FB22E, #A10082, #661E00)

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