Hazy Villa color palette — #DFEEE8 · #54B9D4 · #828CE5 · #5F7013 · #000F0D

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

The five colors

• Honeydew (#DFEEE8): bright and airy, almost weightless.
• Cyan (#54B9D4): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#828CE5): A luminous, balanced violet — the color of wild irises.
• Olive (#5F7013): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000F0D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Quiet Parlor color palette (#D4EEEF, #41B1FE, #A97FCC, #377E4E, #000D13)
• Ancient Azure color palette (#DBF1D6, #57C3B4, #0FA2EC, #856C00, #001109)
• Washed Grove color palette (#D2EAE4, #17B7CD, #008BC3, #005932, #00141B)
• Airy Coast color palette (#D7E6DE, #AFB9FF, #E280CF, #00857E, #041735)
• Wandering Cerulean color palette (#CFE9C8, #7BC8CC, #2A9FBB, #00493A, #000202)
• Wandering Plum color palette (#D7E6DA, #009CAC, #B0007B, #00646E, #070000)
• Hazy Terrace color palette (#CBE4EA, #A4CCFF, #D19AF4, #449776, #002E23)
• Tempered Petrol Meadow color palette (#C9EFF5, #3195AA, #3766B0, #123C00, #000202)

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