Hazy Loft color palette — #F1F5FF · #C0C7FF · #B7C77A · #8E96E9 · #3F4810
A conversation between Lavender Blue and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#C0C7FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Pistachio (#B7C77A): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#8E96E9): A luminous, balanced violet — the color of wild irises.
- Deep Olive (#3F4810): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Periwinkle Bloom color palette (#EEF6FF, #AACFFF, #E9B177, #6EA1E4, #5B3A13)
- Ancient Canyon color palette (#F4F4FF, #E8C5FC, #A3D6AB, #BE95D6, #2D5552)
- Hushed Cobalt Terrace color palette (#FFF0F9, #A9B0F9, #49BAAC, #7377C4, #324A2A)
- Wandering Mallow Hollow color palette (#F2F4FF, #C2B0FC, #BBB86E, #67AF7B, #32364F)
- Wandering Canyon color palette (#F1F5FF, #E2D6E3, #B7B6A6, #8FB7D9, #4A4C60)
- Taupe Summit color palette (#EDF9EC, #B6DBC2, #C8A67D, #A17A91, #274439)
- Airy Studio color palette (#F2F5FF, #D0CEFF, #FF9B93, #8476E6, #572826)
- Aged Byzantium Archive color palette (#ECDDFF, #D9B8FF, #7EBE04, #9839DF, #203500)
Browse the whole catalog at Explore, or see today's palette.