Hazy Loft color palette — #DAE4EF · #457BFF · #4216E3 · #23005F · #050011

Iris takes the lead with Azure close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#DAE4EF): bright and airy, almost weightless.
• Azure (#457BFF): A luminous, vivid violet — the color of wild irises.
• Iris (#4216E3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#23005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#050011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Feathered Balcony color palette (#E8F0FF, #7872FF, #5B00B9, #3C0064, #08000B)
• Nightshade Chapel color palette (#DFEBFF, #4964DD, #3400B2, #200066, #130034)
• Quiet Navy Pier color palette (#CDE4F0, #0091DD, #0047A9, #13006A, #010009)
• Feathered Lapis Garden color palette (#CDEBFF, #1689F6, #524AE6, #6221AB, #1D0026)
• Hushed Grape Corridor color palette (#E8DDFF, #A375FF, #6319B6, #1C0038, #020007)
• Weathered Indigo color palette (#E9EBFF, #735DFF, #736900, #3900A2, #010100)
• Byzantium Studio color palette (#DCDFFE, #8A3BE8, #610088, #2E0034, #030003)
• Linen Violet color palette (#F0F6FF, #ABB8FF, #7A50FF, #6219A5, #39044C)

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