Tempered Villa color palette — #CDDFFE · #8AABFF · #727BFF · #5D4DD5 · #443973
A conversation between Iris and Periwinkle, giving this palette its sense of creativity and calm.
The five colors
- Powder Blue (#CDDFFE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cornflower (#8AABFF): A luminous, balanced violet — the color of a velvet chair.
- Periwinkle (#727BFF): A luminous, vivid violet — the color of wild irises.
- Iris (#5D4DD5): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#443973): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Calm, Energy. Tagged cool.
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
- Misty Violet color palette (#E3E6FF, #ACAAFF, #925DFF, #7C42C4, #4A2D65)
- Misty Sapphire Delta color palette (#C2E6FF, #5B9DFF, #4559EB, #59399C, #4B2D5F)
- Pale Cornflower color palette (#D6EDFF, #6FBBFF, #0F85F3, #1558C8, #313F72)
- Airy Iris Market color palette (#E9F8FF, #9ACEFF, #6A87FF, #6F42B8, #552054)
- Violet Studio color palette (#F5F3FF, #C2B3FF, #9868FF, #5D34A9, #2A114F)
- Antique Loft color palette (#F1F5FF, #9FA4FF, #00B4A1, #6654FF, #00453D)
- Airy Mallow color palette (#F3F4FF, #F4D1E8, #FDADFB, #7D7CD4, #444667)
- Ancient Villa color palette (#DDDFFF, #D7AAF4, #BD6FD3, #88548D, #4C4260)
Browse the whole catalog at Explore, or see today's palette.