Tempered Villa color palette — #E9FAF2 · #74AA7E · #007368 · #603D5A · #183C3A

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#74AA7E): A luminous, balanced green — the color of fresh herbs.
• Teal (#007368): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#603D5A): A full-bodied, dusty pink — the color of peonies in June.
• Deep Teal (#183C3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Fern color palette (#FEF1F6, #A59D62, #476F32, #47466D, #243B2F)
• Cypress Lagoon color palette (#F3F3E4, #7CAE87, #11765B, #5F3B3A, #1A1F06)
• Denim Bloom color palette (#D3EBE6, #549B8A, #00606D, #5D2C38, #002F34)
• Aubergine Dune color palette (#D8F3E2, #72A24C, #006B4F, #62236C, #1B3600)
• Weathered Pine color palette (#EEF9ED, #90BAA7, #4B8346, #535774, #33483E)
• Patina Indigo Basin color palette (#F2F7F1, #ACC9E4, #5D6ECF, #005F61, #353758)
• Softworn Mint Dune color palette (#FFF1F6, #D8DDAD, #69CCA3, #96585F, #2B4333)
• Cobalt Atelier color palette (#E0F5E3, #B18523, #0081BE, #705000, #003958)

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