Tempered Villa color palette — #FEF1F6 · #B7D9F7 · #6F93E1 · #007A86 · #383559
Lavender Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Powder Blue (#B7D9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender Blue (#6F93E1): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007A86): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#383559): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Azure Pier color palette (#FBF2F9, #A9DEF0, #0DA5CC, #00805B, #173E5B)
- Tempered Cobalt Studio color palette (#F3F7EA, #9ECBEF, #4F7BAB, #005B79, #4A304A)
- Weathered Lilac Villa color palette (#DEE3FF, #B294FC, #008C73, #7B7B00, #262942)
- Ancient Powder color palette (#FAF3F6, #DADEED, #93B2E5, #41959B, #4A5268)
- Petrol Lantern color palette (#EADBE5, #47B1CA, #006E9E, #004B40, #001134)
- Hushed Cobalt Atelier color palette (#F3F4FF, #FFD3EC, #FFAFA9, #7380C3, #483F58)
- Dusty Ultramarine Harbor color palette (#E3EDE2, #6A97C1, #2C3DD3, #003A43, #0C0026)
- Powdered Violet Coast color palette (#DDE9FB, #A7A5FF, #8C5FE1, #7A448F, #502644)
Browse the whole catalog at Explore, or see today's palette.