Mustard Villa color palette — #ECF9F0 · #DFB779 · #9F9353 · #437B6A · #3B4D3F

Sand and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sand (#DFB779): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#9F9353): A luminous, balanced green — the color of fresh herbs.
• Teal (#437B6A): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#3B4D3F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Mustard 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 color palette (#E6FBF1, #B3C791, #6BA26F, #3B7889, #374D48)
• Wandering Amber color palette (#EDF9EC, #EAAD9F, #BB845D, #65764D, #55404D)
• Ancient Harbor color palette (#E8F6EB, #BD952F, #445F50, #303B32, #1F231F)
• Tempered Chapel color palette (#ECFAEC, #FFD1C3, #A2A679, #677097, #503740)
• Ancient Loft color palette (#DCFFEA, #BFA900, #708900, #006967, #393800)
• Cocoa Pier color palette (#FEF4E4, #F4C69D, #B4B084, #6792AB, #624000)
• Hushed Thicket color palette (#E7FBF0, #C3DED5, #89AFA8, #638491, #43535C)
• Olive Study color palette (#C3E9D4, #989900, #487900, #005258, #212800)

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