Hazy Villa color palette — #CAF4FD · #4BADE0 · #2D68BB · #3C3C86 · #422E58

A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#CAF4FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#4BADE0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2D68BB): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#3C3C86): A deep, shadowed, balanced violet — the color of a velvet chair.
• Royal Purple (#422E58): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Wandering Study color palette (#C7E7F8, #509BD0, #1C6DC5, #28339B, #211B47)
• Faded Periwinkle color palette (#D0EFF3, #6ACAFF, #4DA3FF, #6D69C4, #483059)
• Navy Hollow color palette (#E0F5EE, #00AFB2, #007C9A, #004686, #2D345E)
• Airy Lapis color palette (#F3F4FF, #8D9CDE, #5B55AB, #282E77, #1B1A4F)
• Chalky Grape Boulevard color palette (#DDEBFF, #848EE7, #7A50B1, #6D2769, #54223B)
• Ancient Garden color palette (#E5EFFF, #6A8BD8, #9B7000, #2B4DAF, #473100)
• Cobalt Veranda color palette (#D6E6FF, #5275CA, #7E6C00, #455F1D, #1C2B44)
• Antique Market color palette (#ECF4FF, #AEA9E1, #987CB3, #7C4E72, #5A4761)

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