Tempered Villa color palette — #EFF9E6 · #00A77F · #8843DF · #8C3800 · #1B270A

Violet and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF9E6): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00A77F): A luminous, balanced teal — the color of glacier melt.
• Violet (#8843DF): A full-bodied, vivid violet — the color of wild irises.
• Burnt Sienna (#8C3800): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#1B270A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

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

• Washed Byzantium Loft color palette (#F0F8EC, #00A187, #9434B1, #684700, #132009)
• Violet Grove color palette (#DEFCFF, #00AE90, #9456BA, #8A2015, #111200)
• Sapphire Bloom color palette (#EAFBE3, #00A18F, #2D61F6, #9D0027, #182A03)
• Worn Corridor color palette (#DAEADE, #008697, #7128C5, #692C00, #0F1802)
• Lapis Hollow color palette (#FDF5DE, #A79A23, #4C3FED, #A1222A, #272300)
• Antique Boulevard color palette (#F5F7E4, #42B425, #AC0094, #6E5200, #232100)
• Orchid Parlor color palette (#ECF9F3, #4CAAD6, #A75FA9, #7D5600, #1C2D1E)
• Teal Loft color palette (#FFF2EA, #00C2AA, #168EC9, #8D3400, #003E41)

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