Tempered Villa color palette — #EEF8F3 · #B1E0AE · #5C8877 · #385449 · #242E2A

Built around Pistachio, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Pistachio (#B1E0AE): A whisper-light, balanced green — the color of a quiet forest floor.
• Fern (#5C8877): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#385449): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#242E2A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Worn Garden color palette (#FBF2F9, #A1E2C6, #6B7DA3, #584656, #322830)
• Weathered Ash color palette (#EEF6FF, #CAE7CF, #7CA3C7, #4F708F, #222D37)
• Muted Stone Terrace color palette (#EEF8F5, #D3BE91, #41617F, #1F4038, #16272A)
• Shell Veranda color palette (#FFF1F5, #FFBFB3, #9B6F7E, #60444D, #32282B)
• Tempered Periwinkle Terrace color palette (#FDF0FC, #7BABFC, #C187A8, #6C825E, #443943)
• Wandering Mallow color palette (#FFF2EC, #CEACF7, #AA83AA, #8F6254, #554247)
• Softworn Study color palette (#FAF2F8, #C0CFFF, #A98CCD, #7789C4, #38292E)
• Ash Station color palette (#FBF2F7, #E3D7D6, #B9AEA6, #B68EA4, #585054)

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