Hazy Loft color palette — #ECF0CE · #2FC21D · #468DFF · #9D3E00 · #021E01

Clover takes the lead with Azure close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#ECF0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#2FC21D): A luminous, vivid green — the color of new leaves after rain.
• Azure (#468DFF): A luminous, vivid blue — the color of deep harbor water.
• Burnt Sienna (#9D3E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#021E01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, 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

• Softworn Clover color palette (#F0F1D4, #5BBF00, #209CDA, #B5002A, #081D00)
• Brick Harbor color palette (#E5F6DE, #00BCA8, #0F85F3, #C92200, #00201C)
• Indigo Garden color palette (#F1E8CC, #C1B821, #5B6FF3, #8A5D00, #332000)
• Feathered Iris Garden color palette (#EBFAEA, #00C9C4, #7D85FF, #AC5B00, #102A0F)
• Aged Violet color palette (#DFF3DE, #00AFAF, #8563F9, #955F00, #001414)
• Worn Lantern color palette (#F2F7ED, #7DC9AF, #72A5DE, #B97968, #2E3626)
• Pale Boulevard color palette (#CEF5F0, #079444, #6520FE, #8C0041, #1C1400)
• Linen Plum color palette (#F8EAD2, #C19500, #0098AB, #C20071, #221800)

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