Tempered Villa color palette — #EFF6FF · #DDD8E2 · #BDADA7 · #829FBB · #464F5F

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DDD8E2): bright and airy, almost weightless.
• Rosewood Mist (#BDADA7): A luminous, dusty orange — the color of toasted spice.
• Blue Fog (#829FBB): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#464F5F): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Antique Powder color palette (#FEF0FE, #E8D6D8, #D1B6A1, #91C1DA, #5F4C5B)
• Tempered Ridge color palette (#F6F3FF, #EED6D7, #FCB8AC, #928CB5, #514B5C)
• Weathered Terrace color palette (#E6FBF1, #C8D0A1, #7DA693, #5F7C6B, #3A4C47)
• Tempered Driftwood color palette (#F3F4FF, #FCC0BB, #8374A4, #484B64, #2A2B33)
• Wisteria Delta color palette (#F4F4FF, #BF95E8, #CA887F, #598096, #3B3B4B)
• Patina Petal Archive color palette (#F5F4FC, #E7C1F6, #C5869B, #A07DAE, #322B35)
• Faded Thicket color palette (#DEE2EF, #9490E7, #966CC2, #2C4E8C, #0A0529)
• Airy Blush Basin color palette (#DFDDF3, #E7ACDE, #CF84A9, #775E99, #2F1430)

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