Dusty Villa color palette — #F7EFF3 · #D8D0E4 · #869EBE · #007A81 · #2D354D

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D8D0E4): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#869EBE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007A81): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2D354D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cabin color palette (#EFF7F7, #D7DBEC, #729EC6, #44768A, #425469)
• Petrol Field color palette (#EFE6ED, #92BACB, #00759D, #004D3D, #001631)
• Denim Market color palette (#FBEAF2, #6AA5C3, #0058A4, #003939, #060030)
• Softworn Hollow color palette (#F9EEF5, #A0DCE0, #0091B3, #006547, #002742)
• Dusty Lagoon Garden color palette (#EADBE5, #4B9898, #005263, #002E1A, #00050B)
• Cobalt Station color palette (#E6F7E9, #AF996C, #489BAA, #6074B9, #1A2C1E)
• Navy Cabin color palette (#EDDEE2, #5F7B97, #1D2A90, #001E24, #020009)
• Bronze Lantern color palette (#FAEEF3, #D7A885, #6FA1D1, #A65C16, #19334C)

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