Hazy Loft color palette — #D4E4EB · #007AC2 · #3128D2 · #420077 · #2C002D

A conversation between Cobalt and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4E4EB): a clean, paper-quiet neutral.
• Cerulean (#007AC2): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#3128D2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#420077): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#2C002D): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Ultramarine Parlor color palette (#DBEAF4, #1783F3, #1D28CE, #290066, #05000B)
• Weathered Grape color palette (#D4EDFF, #415FFF, #5E1ADE, #4F005F, #310024)
• Soft Aubergine color palette (#CAEBEE, #0081B3, #005291, #2A0084, #18002F)
• Muted Nightshade Pier color palette (#E1EDFE, #305EDD, #2800BB, #180060, #110038)
• Muted Boulevard color palette (#EDE7FF, #8A64FF, #5D15C8, #2D0061, #04000F)
• Gentle Lapis color palette (#DBE6F6, #5E41FD, #64008F, #410044, #150006)
• Amethyst Market color palette (#DAE2FA, #7A47FF, #806100, #481EA2, #160E00)
• Indigo Dune color palette (#D4EAF7, #63A6FF, #7253FF, #6D1CA6, #561252)

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