Hazy Villa color palette — #DBE4FF · #806FE4 · #717600 · #5200C9 · #2E3100

Indigo and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DBE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#806FE4): A luminous, vivid violet — the color of a velvet chair.
• Olive (#717600): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#5200C9): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#2E3100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pale Ultramarine color palette (#D7E5FF, #5576FB, #886C00, #2500E4, #392C00)
• Frosted Aubergine color palette (#E0E2FF, #AF6FEF, #637B00, #5A0090, #283300)
• Airy Cornflower Veranda color palette (#D3E7FF, #2683ED, #976400, #004C98, #402800)
• Lapis Field color palette (#FED7F1, #9CA7FF, #849600, #471BEC, #2B3200)
• Ancient Hollow color palette (#F5F3FF, #B678C4, #579B14, #85009C, #224500)
• Aubergine Archive color palette (#E0DAF0, #BD6BB4, #008039, #660061, #003312)
• Pale Amethyst color palette (#E9E5FE, #7C4ADD, #994C00, #00614F, #29144F)
• Indigo Courtyard color palette (#F3F4FF, #B5A6DA, #92A15A, #7D5EB6, #295749)

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