Tempered Villa color palette — #E9F6EC · #96BFA3 · #57ADA5 · #896E00 · #003841

Ochre and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sage (#96BFA3): A luminous, dusty teal — the color of shallow lagoons.
• Turquoise (#57ADA5): A luminous, balanced teal — the color of sea glass.
• Ochre (#896E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003841): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, 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

• Timeworn Olive color palette (#E7F6F2, #A2BD93, #65A5C7, #4D8223, #02364C)
• Aged Bronze color palette (#FDECF4, #D9A786, #73AB84, #A85A18, #003938)
• Aged Studio color palette (#EAF5EC, #AAC2B2, #6A8D71, #6F5229, #1A3226)
• Washed Iris color palette (#FDF4E6, #CAAC6A, #7A96DD, #8C6D23, #5C4458)
• Feathered Fern color palette (#D3F1EA, #789E5E, #0087B3, #366300, #00202D)
• Weathered Courtyard color palette (#EDF9F0, #F8E4AF, #ABCEFF, #B79630, #324863)
• Washed Ridge color palette (#FEF3E7, #E8BB87, #E093D0, #AF834D, #664145)
• Sapphire Courtyard color palette (#C1EEF4, #009C83, #4E59F1, #005A4A, #0C004D)

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