Hazy Loft color palette — #FFF3E9 · #C6ECFF · #4590FB · #006B5F · #1D1543

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Frost (#C6ECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4590FB): A luminous, vivid blue — the color of deep harbor water.
• Pine (#006B5F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1D1543): 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 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

• Timeworn Azure Drift color palette (#FFF2ED, #A9F5FB, #009FD4, #006E3D, #081D3F)
• Hushed Periwinkle color palette (#FDF3EA, #C5E5F8, #84A0FC, #007F7E, #322749)
• Timeworn Petrol Harbor color palette (#F6EBF0, #94B6CE, #326AAA, #004F50, #242A51)
• Sky Ridge color palette (#FFF2ED, #D1DFF7, #02BEF8, #008E4A, #1B355A)
• Muted Loft color palette (#FEF2EF, #91DBD8, #0088A6, #025611, #000D1E)
• Muted Petrol color palette (#F7EBE5, #6DC5DA, #006DA8, #00402E, #010015)
• Magenta Alley color palette (#FEF4E0, #C8A800, #C959E4, #766200, #2A0034)
• Washed Ultramarine Dune color palette (#F7EFE5, #7DA7CD, #3E36C7, #002B2D, #020006)

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