Tempered Villa color palette — #F0DDDC · #AD97FF · #00B65F · #002D28 · #131705

Clover and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DDDC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Wisteria (#AD97FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00B65F): A luminous, vivid teal — the color of shallow lagoons.
• Deep Forest (#002D28): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#131705): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, 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

• Fuchsia Atelier color palette (#F7DECF, #F48FFF, #00A06F, #003130, #151B0D)
• Weathered Mint color palette (#FEE6DC, #9DB1FF, #00CC99, #00513B, #021A1B)
• Tempered Moss Veranda color palette (#F0DCDB, #AFB4FF, #938B00, #1A2A13, #181100)
• Azure Loft color palette (#E6EBD6, #07A6F5, #00A39A, #041D23, #00090C)
• Blush Cabin color palette (#F7E2D4, #FF6FBC, #00ADBA, #142D3C, #0D1F12)
• Antique Mint color palette (#FFDAD9, #FFB9D5, #00DEAA, #3D5146, #363933)
• Muted Cypress color palette (#EFF8F0, #BDDBCE, #8DA7D6, #00676F, #29372C)
• Wandering Sky color palette (#EFE8C7, #FFA6BC, #22C2F9, #284747, #242F2A)

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