Tempered Villa color palette — #FFF2ED · #00CD4A · #00828C · #83003E · #001E15

A conversation between Clover and Wine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Clover (#00CD4A): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#00828C): A full-bodied, balanced blue — the color of open sky before noon.
• Wine (#83003E): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#001E15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, 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

• Lime Quarry color palette (#FFF2EA, #A5B600, #00866E, #711272, #071F00)
• Timeworn Veranda color palette (#FFF2EE, #00C5AA, #007CAE, #7E2000, #001D1F)
• Faded Emerald Thicket color palette (#FFDCD0, #069726, #005E64, #6C002B, #003222)
• Amethyst Lantern color palette (#D9FEFC, #00B76A, #7338E9, #780032, #260600)
• Dusty Lagoon color palette (#D8FFF3, #75DD98, #00927F, #4C6210, #002610)
• Timeworn Lagoon color palette (#BCFEEE, #00937D, #4D4942, #00313A, #000A0C)
• Softworn Seafoam Alley color palette (#E1FFDC, #5ADED0, #4696BD, #954A39, #502203)
• Sunlit Alley color palette (#E7E9BB, #00CDAC, #00A2A6, #374BFF, #00312C)

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