Hazy Loft color palette — #F4E0F2 · #4382EC · #8E7100 · #0049B4 · #231900

A conversation between Cobalt and Azure, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4E0F2): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#4382EC): A luminous, vivid violet — the color of twilight just after sunset.
• Ochre (#8E7100): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#0049B4): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#231900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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 Bloom color palette (#F2DCEB, #6873FD, #777B00, #3B26D4, #1B1C00)
• Gentle Harbor color palette (#E4EFFF, #578FF3, #927700, #003DB9, #0B0700)
• Airy Cornflower Parlor color palette (#CAF2E8, #008AE6, #A56200, #005591, #2A1500)
• Sapphire Orchard color palette (#E3EEFF, #2E5EE5, #6D5700, #0D2A8D, #221900)
• Cobalt Harbor color palette (#D9EFE8, #007CCB, #007B3A, #004879, #001505)
• Sapphire Studio color palette (#F0D8EE, #1469F3, #736B00, #385D22, #000E33)
• Pale Sapphire Hollow color palette (#F3D9F3, #5A9CFC, #00A873, #0069E4, #002113)
• Feathered Aubergine Dune color palette (#F7D3E3, #A279FA, #008B45, #5400A5, #00220C)

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