Hazy Villa color palette — #DAFBFF · #00B898 · #288BFD · #7E6B00 · #021B01

Built around Azure, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Ivory (#DAFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00B898): A luminous, balanced teal — the color of shallow lagoons.
• Azure (#288BFD): A luminous, vivid blue — the color of deep harbor water.
• Walnut (#7E6B00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#021B01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Energy, 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

• Pale Clover Field color palette (#C7FAF3, #1BC62F, #009CBC, #995900, #151600)
• Airy Delta color palette (#D1EEFD, #00AECA, #9A8400, #447B15, #001317)
• Magenta Corridor color palette (#E9F5FF, #00A6F0, #C32BF8, #007D46, #001C1E)
• Feathered Periwinkle Harbor color palette (#EEF6FF, #4AA9FF, #BA6ABF, #138366, #04232F)
• Ember Field color palette (#CAF7F9, #00BD8B, #DF6100, #826300, #0D1C00)
• Washed Aqua color palette (#E8F8FF, #4ED4E3, #9A9BE2, #829568, #22383A)
• Muted Canyon color palette (#E5FDE2, #009A98, #A1008D, #6B2A00, #030900)
• Azure Meadow color palette (#D5EFFF, #009ED9, #295D8A, #1D384A, #000910)

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