Hazy Villa color palette — #C9E9C5 · #D79700 · #A56800 · #7A4200 · #352600

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#C9E9C5): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#D79700): A luminous, balanced gold — the color of old brass.
• Ochre (#A56800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#7A4200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Apricot Drift color palette (#FFD4BB, #EF8601, #B95800, #8B3101, #3C2200)
• Pale Lime color palette (#E7E0A8, #ABAC21, #867900, #645000, #262D00)
• Tempered Field color palette (#F7E1EB, #DBA06A, #AE6F43, #7B4E3A, #253524)
• Airy Amber Drift color palette (#FECFDF, #AF862F, #804E00, #612A00, #312900)
• Softworn Bronze color palette (#CBE9D3, #927C00, #674F00, #422B00, #0D0C00)
• Garnet Archive color palette (#FFF1F5, #D5B953, #B26B00, #921100, #141C00)
• Airy Thicket color palette (#CFFBE3, #B8BC57, #958800, #725F16, #113E32)
• Tempered Chapel color palette (#E9FBEA, #D7BA7E, #AA8958, #845B6A, #2D4335)

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