Hazy Loft color palette — #E9EEFF · #744FDB · #566B00 · #3D4C09 · #20253A
Violet and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E9EEFF): A whisper-light, dusty violet — the color of wild irises.
- Violet (#744FDB): A full-bodied, vivid violet — the color of wild irises.
- Olive (#566B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3D4C09): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#20253A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Violet Chapel color palette (#EAEDFF, #8A69D8, #0F6218, #00513F, #21243B)
- Soft Grape Parlor color palette (#F3F4FF, #7B37B4, #405300, #2B3800, #052232)
- Patina Drift color palette (#E4F0FF, #2D6AD6, #7B5B00, #584000, #1A2739)
- Orchid Corridor color palette (#F4F4FF, #A164B9, #547E41, #3C5D2C, #323044)
- Patina Orchid color palette (#F2EFFF, #AA44B6, #695000, #00453E, #002B33)
- Tempered Canyon color palette (#E8E7FA, #905BA9, #984C27, #00531F, #100D20)
- Iris Studio color palette (#FFE6FA, #6B8BDF, #4C934D, #327033, #361C32)
- Weathered Plum color palette (#F2EAFF, #B23496, #007259, #00513F, #2B2139)
Browse the whole catalog at Explore, or see today's palette.