Dusty Villa color palette — #ECF0E7 · #C4D0C5 · #81AB9C · #006543 · #2B3021

Built around Pine, softened by Sage — the whole palette hums with sophistication.

The five colors

• Cream (#ECF0E7): a clean, paper-quiet neutral.
• Oat (#C4D0C5): soft and architectural.
• Sage (#81AB9C): A luminous, dusty teal — the color of glacier melt.
• Pine (#006543): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#2B3021): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Alley color palette (#F3F6F0, #CBDEDB, #9BBBB3, #05755E, #373D32)
• Patina Forest color palette (#DFECED, #B3D2D9, #8FA8B4, #00644E, #05191B)
• Dusty Abyss Loft color palette (#DCE2DA, #ACBEB4, #A0839F, #005049, #182315)
• Tempered Denim Workshop color palette (#EFF8F2, #DDCCDD, #A89ED2, #006579, #26382D)
• Tempered Fern color palette (#F3E1D4, #A28940, #485E00, #004842, #362602)
• Dusty Parlor color palette (#DFEDD9, #56ACAD, #4E648C, #65411F, #403200)
• Weathered Canyon color palette (#F0F7F4, #DED4D2, #A7A195, #5989A0, #4E5451)
• Teal Courtyard color palette (#E4F1F2, #C9D4E0, #B0B8CC, #47A685, #193334)

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