Hazy Villa color palette — #FFF1F6 · #98D2FF · #5987ED · #00717B · #311F73

Azure and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#98D2FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#5987ED): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00717B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#311F73): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Azure Bloom color palette (#FFF0FA, #8ED8EA, #0097D4, #007463, #002F6E)
• Airy Iris color palette (#FFF3E7, #DDE2F5, #6695FF, #00717C, #23194F)
• Cobalt Garden color palette (#F2F8E7, #8EBDE3, #006FC5, #00526D, #092F6A)
• Washed Canyon color palette (#FAF3F8, #CCE1F9, #6BB0C8, #388C6B, #304A62)
• Patina Indigo Drift color palette (#F7F3FF, #FFC8E6, #F89A87, #7079D2, #4C2148)
• Softworn Wisteria color palette (#F0E8F6, #CA72FF, #008D70, #5C7A00, #35084C)
• Softworn Summit color palette (#EAD9E6, #63AFBD, #006F98, #004B3D, #00132E)
• Tempered Byzantium Loft color palette (#DFE7F4, #949CFF, #992BFA, #8102A5, #5F034A)

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