Weathered Villa color palette — #F1D6DE · #B57700 · #279007 · #3C2500 · #030100

Kelly Green takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1D6DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#B57700): A luminous, balanced gold — the color of honey in a jar.
• Kelly Green (#279007): A full-bodied, vivid green — the color of fresh herbs.
• Espresso (#3C2500): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Weathered 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

• Misty Drift color palette (#FFE4E3, #00A95F, #9E8400, #2A2200, #030200)
• Faded Ember Grove color palette (#F4E9F4, #A08F00, #D75A00, #4A1A00, #040100)
• Tempered Amber Ridge color palette (#F6E0C8, #C38A00, #7A4D00, #3A2200, #030100)
• Olive Villa color palette (#ECE9E1, #AAB4A3, #75AB90, #777600, #191302)
• Softworn Moss Dune color palette (#E3E9CC, #75A000, #3E8500, #005819, #000F06)
• Olive Hollow color palette (#EDE4D2, #B59800, #598200, #7A6600, #010200)
• Muted Ember color palette (#ECEFFF, #00ACA8, #D75A00, #0D0D04, #040002)
• Powdered Emerald Boulevard color palette (#F0E8DB, #00AED2, #00B25D, #074221, #040601)

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