Tempered Villa color palette — #DBFFED · #E3E4F3 · #A7A8FC · #8C74AB · #66464B

Lavender and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Honeydew (#DBFFED): A whisper-light, dusty teal — the color of shallow lagoons.
• Frost (#E3E4F3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#A7A8FC): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#8C74AB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#66464B): A full-bodied, dusty red — the color of a theater curtain.

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

• Weathered Studio color palette (#DFF0FF, #9ABDEC, #7A81BA, #665385, #55415B)
• Wisteria Chapel color palette (#FFEFFF, #E9D3F0, #C69AED, #9D658D, #694742)
• Lilac Archive color palette (#FFF1F6, #F0D3EA, #E9C778, #A589D2, #4A463F)
• Lilac Cabin color palette (#FFF1F6, #E5DAE3, #BAA4F3, #755F91, #41222F)
• Gentle Magenta Summit color palette (#F0F4FF, #D4BCFF, #C35AC7, #8E3873, #4B1822)
• Pale Blush Harbor color palette (#FFF0F8, #F4C5FF, #E97BB6, #A14B5F, #4B4440)
• Pale Orchid color palette (#DFEAFF, #AFA7FF, #A442EA, #7E0F6C, #340214)
• Plum Orchard color palette (#E7E7F6, #B072F0, #A6009D, #680032, #180002)

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