Hazy Villa color palette — #D9EBF9 · #00BDBE · #009AD3 · #4368F2 · #000306

Sapphire and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9EBF9): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00BDBE): A luminous, balanced teal — the color of sea glass.
• Cerulean (#009AD3): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#4368F2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, 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

• Misty Pier color palette (#D9EBFC, #00B4CF, #2F96FD, #7F54DE, #000115)
• Weathered Atelier color palette (#DBECE3, #00C1B1, #008AB5, #5423B7, #000103)
• Soft Clover Drift color palette (#C2ECF4, #00C654, #00A994, #0089B2, #000505)
• Ancient Petrol Lantern color palette (#E2EFE5, #43B2C1, #0081A0, #005E55, #000B14)
• Faded Aubergine color palette (#D5E7F5, #00AF6E, #0081A8, #753097, #00040E)
• Timeworn Cobalt color palette (#D7F0FB, #458CDB, #69639D, #713D28, #180E00)
• Navy Balcony color palette (#DEF5EB, #008C9F, #006285, #00366D, #000103)
• Gentle Ultramarine color palette (#D6E7F3, #0079D0, #1842D5, #31228E, #0C0029)

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