Dusty Villa color palette — #FDF4E3 · #B3BB77 · #6A8C4D · #61655D · #37352F

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B3BB77): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6A8C4D): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#61655D): quiet, heavy and certain.
• Espresso (#37352F): a grounded near-black with real depth.

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

Use it as a design system

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

• Wandering Lagoon Canyon color palette (#F5F8E3, #84C5A5, #219482, #4B6C56, #343730)
• Antique Moss Market color palette (#E9FAF2, #C8D7A6, #739753, #3E7049, #072F26)
• Dusty Fern Boulevard color palette (#FDF4E7, #9F9E6A, #516C3E, #1E564C, #37352F)
• Muted Pine color palette (#E9E5D4, #8EB271, #268645, #654A68, #2C2B00)
• Clover Drift color palette (#ECEECF, #00CA7F, #008B75, #006772, #003820)
• Ancient Fern color palette (#F4F6ED, #C6D8B5, #89A583, #6E8377, #3C5717)
• Pine Pier color palette (#E8DEC3, #80A03D, #237323, #005243, #151F00)
• Olive Alley color palette (#EAE0CD, #797A00, #354E00, #003042, #060600)

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