Tempered Villa color palette — #F3F4FF · #DACCFF · #E6996F · #A993DB · #301E28

A conversation between Camel and Wisteria, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lilac Frost (#DACCFF): A whisper-light, dusty violet — the color of a velvet chair.
• Camel (#E6996F): A luminous, balanced orange — the color of toasted spice.
• Wisteria (#A993DB): A luminous, balanced violet — the color of wild irises.
• Onyx (#301E28): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Ash Ridge color palette (#F6F4FB, #E3D6FF, #D4B17B, #CC97C3, #273128)
• Periwinkle Studio color palette (#EEF6FE, #B3DAFF, #E89582, #58A8EC, #2F1D2A)
• Quiet Veranda color palette (#F5F4FC, #FFD1E5, #E27D6F, #B562CB, #1C0B1A)
• Antique Violet Balcony color palette (#FCF2F4, #E1AFEE, #CA736C, #9E68AC, #302019)
• Dusty Thicket color palette (#E2FCF6, #D8B7F9, #DD8A86, #3290A0, #41384F)
• Wandering Bronze Balcony color palette (#ECEBFF, #EFBDE8, #E38F9B, #B86A49, #4D3500)
• Mallow Market color palette (#F3F4FF, #CFACF7, #A1A561, #1488B0, #003E53)
• Pale Byzantium color palette (#F1F0FF, #E7B2FF, #C0AD28, #B017E1, #151200)

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