Dusty Villa color palette — #F0F7F0 · #A7CABA · #6B8B69 · #506B75 · #40524A

Built around Fern, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Stone (#A7CABA): A luminous, dusty teal — the color of sea glass.
• Fern (#6B8B69): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#506B75): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#40524A): A full-bodied, dusty teal — the color of sea glass.

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

• Ash Dune color palette (#EFF8F3, #AFDDCE, #71A89F, #668486, #41514C)
• Weathered Coast color palette (#F6F2E6, #BCCA9D, #848841, #5C6554, #32312A)
• Ancient Olive color palette (#FEF1F6, #95B9A4, #5E7F44, #5A5573, #33483C)
• Hushed Veranda color palette (#F2F7F1, #DADDED, #8995D0, #3A7A7D, #4F5165)
• Muted Coast color palette (#D9E9E0, #6B9A62, #006452, #004361, #00312C)
• Fern Boulevard color palette (#F9F4ED, #E4DEC2, #B5B996, #8EA08B, #5A4D00)
• Dusty Courtyard color palette (#E0F7FF, #6EC2DB, #3686C3, #4E5C94, #484E69)
• Cobalt Summit color palette (#EEF6FF, #90B2E0, #C18D4D, #4674AF, #62424D)

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