Hazy Loft color palette — #F3F4FF · #B094DF · #768B1E · #006883 · #003F50

Built around Olive Leaf, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#B094DF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#768B1E): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006883): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003F50): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Feathered Moss color palette (#F4F4FF, #C28CDA, #708D19, #4D559E, #303557)
• Tempered Mallow color palette (#FFF1F4, #DBA3E8, #A8833A, #006971, #002F46)
• Muted Periwinkle Grove color palette (#EFF6FF, #6CA6F7, #B07018, #006E58, #004334)
• Washed Hollow color palette (#F9F3F7, #D0DFF6, #5FADE5, #388C6D, #394863)
• Muted Taupe Summit color palette (#F3F4FF, #D0BADD, #BD926A, #5C7687, #3B5363)
• Peony Bloom color palette (#FFF1F1, #CF5697, #7C5E00, #00544D, #333457)
• Emerald Ridge color palette (#EEF9EE, #9FD1BD, #5DA16A, #6C6F8E, #334840)
• Feathered Hollow color palette (#FFF0FC, #F4A79B, #C7964B, #718739, #034332)

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