Tempered Villa color palette — #F2F2EB · #D0D9D0 · #B4BAA8 · #4C703C · #212117

Built around Olive, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#D0D9D0): bright and airy, almost weightless.
• Stone (#B4BAA8): A luminous, dusty green — the color of fresh herbs.
• Olive (#4C703C): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#212117): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Olive Coast color palette (#EEF8F5, #CFDBE1, #9EB9BF, #4D711A, #29403A)
• Hushed Petrol color palette (#E9F5ED, #C8DADA, #A9C7BB, #00788B, #142B1D)
• Dusty Fern color palette (#F4F3E5, #8DAA7C, #4A704A, #4F4700, #1E1E03)
• Weathered Summit color palette (#F6F6ED, #D4DDD6, #A4B9BB, #7B9360, #2F2F24)
• Patina Atelier color palette (#E3EBE7, #BDD1C9, #8CABA3, #005E78, #061A11)
• Forest Studio color palette (#E1E3DA, #B1B5A9, #86927B, #06521E, #0A0C00)
• Muted Lagoon color palette (#E2F2D6, #90AC8C, #44838D, #63475C, #3A1F2E)
• Spruce Hollow color palette (#E9F3EB, #829287, #537364, #003034, #000200)

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