Hazy Villa color palette — #DFF8F3 · #87B589 · #008049 · #684223 · #002906

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#DFF8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#87B589): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#008049): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#684223): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#002906): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Olive Balcony color palette (#E4F8EA, #B2AA6C, #6E7107, #6F3E1D, #002818)
• Worn Moss Grove color palette (#CCEDE3, #6AA84B, #166D28, #4F3B00, #071B00)
• Tempered Lantern color palette (#DEF8F7, #74ABAE, #2A7363, #324E35, #002123)
• Aubergine Boulevard color palette (#FAF6DF, #84B087, #007C63, #6C3A73, #224425)
• Muted Emerald Courtyard color palette (#F6F7E3, #99CA98, #269E5C, #9E5202, #1C451D)
• Muted Lagoon color palette (#E7F6F3, #A3CDC9, #638E75, #52675B, #1B3735)
• Gentle Celadon color palette (#E6FBF2, #AAECAC, #42A68A, #815B84, #153718)
• Marigold Boulevard color palette (#FFF0D6, #D8A014, #926800, #473100, #180E00)

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