Tempered Villa color palette — #DDFDF7 · #CEE1EE · #AAC7DB · #9E8796 · #644C56

Sky and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#DDFDF7): A whisper-light, dusty teal — the color of sea glass.
• Silver (#CEE1EE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#AAC7DB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Heather (#9E8796): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#644C56): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Dusty Workshop color palette (#E1FBFE, #D7DEEA, #C4BFD7, #839982, #3F5850)
• Dusty Ash color palette (#DEF7FF, #B0CFDF, #7695AC, #676B87, #3F3C51)
• Tempered Cerulean color palette (#C7FAFB, #85C6D0, #6F8ABA, #725029, #2E2700)
• Weathered Hollow color palette (#EAF8FF, #C5E1FF, #F7BAB5, #56A7BD, #583B54)
• Dusty Bronze color palette (#F5F7E5, #BDD1B7, #819C90, #995D37, #634900)
• Softworn Cocoa color palette (#DCFFEB, #B2EEF8, #8DA5CD, #896274, #613B1C)
• Tempered Veranda color palette (#E8F8FF, #B1BDFF, #B27BC4, #566936, #1E3400)
• Washed Glacier color palette (#EAF8FF, #82DAF4, #ECA798, #CA9479, #223C49)

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