Hazy Villa color palette — #D9E6CE · #5AB96B · #007D50 · #005A46 · #003E4C
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D9E6CE): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#5AB96B): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007D50): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003E4C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Muted Jade Market color palette (#D6F0D5, #74CE93, #10B97E, #008C66, #004437)
- Sunlit Quarry color palette (#E2E5D8, #79A540, #2A7E00, #00602F, #004B39)
- Teal Summit color palette (#E4F0C9, #58C099, #009480, #006A6D, #264B65)
- Teal Summit color palette (#DFFAD7, #1FBFAF, #007268, #003D37, #002821)
- Plum Coast color palette (#EAF2E2, #29B68B, #A63C7D, #00674B, #50233E)
- Pine Atelier color palette (#D3E6D1, #008F53, #00604A, #00332D, #011B25)
- Dusty Sky color palette (#EEFAE3, #BADFBF, #66B6E1, #4C7950, #334931)
- Antique Boulevard color palette (#F2E7CF, #999B67, #766203, #5C3D00, #31312A)
Browse the whole catalog at Explore, or see today's palette.