Tempered Villa color palette — #D3E4EA · #7CC6FF · #8397F3 · #8267BB · #452A54
Built around Lavender Blue, softened by Cornflower Indigo — the whole palette hums with trust and stability.
The five colors
- Silver (#D3E4EA): a clean, paper-quiet neutral.
- Sky (#7CC6FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#8397F3): A luminous, balanced violet — the color of wild irises.
- Cornflower Indigo (#8267BB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#452A54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. 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
- Dusty Cornflower color palette (#DEF0FF, #78A9F4, #5B7DD7, #534F9D, #3E2E5E)
- Aged Lilac color palette (#DDEEFF, #A9AEFF, #A78AE9, #A05BA0, #57283D)
- Faded Chapel color palette (#CBF0EA, #41CEF0, #00A5E3, #4D6EBD, #343460)
- Washed Lilac color palette (#F4F4FF, #CBC7FF, #A691EB, #7662AF, #29154F)
- Washed Iris Workshop color palette (#E9EEFF, #BBB4FF, #D6A84C, #8E82DE, #463100)
- Pale Indigo Boulevard color palette (#D6E5ED, #5699FF, #6166F2, #732AA7, #3E003D)
- Muted Magenta color palette (#D8E7FF, #ABA0FF, #C54BF1, #B2219D, #5D0030)
- Muted Mustard color palette (#D9E4FF, #9CA5FF, #ADAA3C, #649C54, #252749)
Browse the whole catalog at Explore, or see today's palette.