Tempered Villa color palette — #FFF2EF · #9AE5AF · #77B8D6 · #AE7C85 · #404C3A

Mint and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Mint (#9AE5AF): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#77B8D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#AE7C85): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#404C3A): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, light, muted.

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 Summit color palette (#FFF2EB, #DCD47C, #6DC0B0, #A87F88, #484841)
• Softworn Glacier Quarry color palette (#FFF3E9, #69E6EF, #A3ABD9, #A4856C, #3B4C44)
• Dusty Fern color palette (#F7F6EB, #D5E4BF, #82C3C4, #9D9B87, #415612)
• Muted Seafoam color palette (#F6F7E4, #A1EFDE, #67B0B5, #64709D, #354433)
• Feathered Bloom color palette (#FFF2EF, #00E0BA, #3FA1FF, #B85A4E, #003E42)
• Wandering Aqua Atelier color palette (#EAF6E8, #05D2C7, #6C8179, #4F574E, #21221C)
• Softworn Cocoa color palette (#F4F8DE, #B4E9DA, #D0BECE, #B39E92, #7D421D)
• Powder Basin color palette (#FBF3EE, #BFE5F2, #A4CBF2, #79AF9E, #614A5A)

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