Tempered Villa color palette — #E8F9F8 · #4E9C61 · #5A58A3 · #703600 · #502F16

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

The five colors

• Ivory (#E8F9F8): a clean, paper-quiet neutral.
• Fern (#4E9C61): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5A58A3): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#703600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#502F16): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Frosted Denim Harbor color palette (#EAF9F3, #85913D, #1263B3, #742F2B, #4E2909)
• Washed Atelier color palette (#E6FAFC, #319C85, #764F95, #5E4200, #17412D)
• Lagoon Harbor color palette (#ECF5E9, #00A491, #1C6D92, #513E00, #1E2100)
• Powdered Teal color palette (#E6F9FF, #00BCBE, #3787C1, #5F528F, #234020)
• Aubergine Studio color palette (#C5F2F6, #008167, #700099, #462D00, #211F00)
• Mulberry Pier color palette (#E6F9FF, #008F93, #930092, #4A4000, #00361A)
• Pewter Basin color palette (#D5FFFB, #96BAC2, #69859C, #81596D, #634E55)
• Lagoon Field color palette (#E8FAF6, #88BDA3, #00857F, #36635B, #27494A)

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