Hazy Villa color palette — #FFF1F7 · #9877E3 · #BC3A81 · #5C5600 · #002935
Built around Magenta Rose, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Lavender Blue (#9877E3): A luminous, balanced violet — the color of wild irises.
- Magenta Rose (#BC3A81): A full-bodied, vivid rose — the color of a warm blush.
- Olive (#5C5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002935): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy Villa 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
- Raspberry Ridge color palette (#FFF0FE, #3982F6, #C7239B, #6B5300, #002A33)
- Brick Drift color palette (#FFF1F6, #8D72B9, #AF3638, #395700, #041B36)
- Muted Pier color palette (#F5F9D7, #56ADFE, #A25EDB, #2F6300, #26325E)
- Hushed Lilac color palette (#FFF1F7, #A585EF, #B15F00, #804300, #003839)
- Wandering Byzantium color palette (#E5FCF0, #0096C2, #9343D1, #834B00, #002E26)
- Misty Forest color palette (#FFF1F3, #B17EAB, #B5664D, #007131, #392334)
- Weathered Grove color palette (#FFF0EF, #CE3993, #925900, #00513C, #1A0B40)
- Chalky Boulevard color palette (#FFF0F8, #A398FF, #FB3F86, #BE4B06, #311D34)
Browse the whole catalog at Explore, or see today's palette.