Tempered Villa color palette — #F7F3FB · #D59EBD · #839550 · #436E8F · #28455E

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F3FB): a clean, paper-quiet neutral.
• Mauve (#D59EBD): A luminous, dusty pink — the color of a candy shop window.
• Moss (#839550): A luminous, balanced green — the color of new leaves after rain.
• Slate (#436E8F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#28455E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Washed Cypress color palette (#FEF2EF, #F5B9C2, #A89968, #2F7969, #472E46)
• Ancient Cerulean color palette (#FFF1F3, #E1B7DF, #95B48B, #598EAD, #244B3E)
• Aged Amber Harbor color palette (#F1F5FF, #ABA9E9, #C17753, #2C795D, #254758)
• Weathered Lagoon color palette (#FAF3F6, #D9DEED, #92B4E0, #499496, #485269)
• Dusty Corridor color palette (#FFF0F8, #DB906B, #009585, #744B80, #462C4D)
• Faded Olive Hollow color palette (#FBECFC, #D67380, #508216, #005192, #3F1A44)
• Worn Veranda color palette (#ECF9F2, #B5DAD3, #78A890, #7D7A92, #3A534E)
• Amber Courtyard color palette (#FFEFFF, #FEB4A9, #D58046, #936835, #34513E)

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