Hazy Loft color palette — #FFF0F7 · #C1B3FF · #70B000 · #7335E2 · #294305

Violet and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#C1B3FF): A luminous, balanced violet — the color of wild irises.
• Clover (#70B000): A luminous, vivid green — the color of a quiet forest floor.
• Violet (#7335E2): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#294305): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. 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

• Ancient Byzantium color palette (#FFF1F4, #E2A1FF, #4AB700, #9B0BC7, #184700)
• Linen Lapis color palette (#FFF0FB, #94A7FF, #A3AD18, #4D53F6, #3A3F00)
• Violet Atelier color palette (#F3F4FF, #CFBAFF, #B1BA25, #8E57E2, #2F3100)
• Gentle Grape color palette (#EFD7DE, #C88BF0, #719400, #7B06AB, #212E00)
• Hushed Byzantium color palette (#FFF1F4, #EC9CFF, #00B493, #9634AC, #004637)
• Feathered Amber color palette (#D8FFF4, #87C6FF, #CC8C00, #006CB2, #503400)
• Turquoise Thicket color palette (#FFF1F3, #D7A2D9, #00BBC3, #A367A6, #2C4B31)
• Plum Lantern color palette (#FFF1F2, #ABC86E, #A6289C, #5C1C56, #291316)

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