Tempered Villa color palette — #ECEEDF · #007ACA · #6C0077 · #022302 · #01000A
A conversation between Royal Purple and Azure, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECEEDF): a clean, paper-quiet neutral.
- Azure (#007ACA): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#6C0077): A deep, shadowed, vivid pink — the color of peonies in June.
- Onyx (#022302): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.
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
- Worn Grove color palette (#E7F6DE, #0083A1, #54009F, #0E2100, #000104)
- Airy Sapphire color palette (#CFECDC, #2F64FD, #76005C, #002213, #020008)
- Cellar Ultramarine color palette (#D0F7F0, #244DB6, #4F005A, #002003, #0C002D)
- Inked Lapis color palette (#E7EDDF, #4E4ECC, #5E0037, #00100D, #020006)
- Cellar Basin color palette (#D1EFE5, #006EA5, #5D2D00, #001B10, #000201)
- Lowlit Parlor color palette (#FFE5DE, #6E2F9E, #500050, #290700, #040007)
- Tempered Mulberry color palette (#D3F0F7, #8597CB, #884D7E, #003F40, #000E0F)
- Violet Market color palette (#EADEC4, #7C6EFF, #9932A6, #574600, #100126)
Browse the whole catalog at Explore, or see today's palette.