Tempered Villa color palette — #E4F8E9 · #ACA162 · #67692A · #344D3C · #0C2116

Sage takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E4F8E9): A whisper-light, dusty teal — the color of sea glass.
• Sage (#ACA162): A luminous, balanced green — the color of fresh herbs.
• Olive (#67692A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#344D3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#0C2116): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Stone Dune color palette (#E5F7EF, #AABC82, #667D54, #3F5C50, #142D26)
• Fern Coast color palette (#FCF4E8, #A99972, #5E692E, #5E471D, #38352E)
• Moss Field color palette (#DAEEE5, #7E9A37, #376305, #1D4227, #001711)
• Olive Corridor color palette (#FFF1F6, #96C0A8, #698D50, #7C5766, #213C2E)
• Pale Emerald Workshop color palette (#D3F0EE, #04AD61, #B76300, #006637, #2E1400)
• Patina Drift color palette (#CBFFEE, #17C5A6, #007C67, #003A30, #000F0B)
• Petrol Pier color palette (#C8E5E7, #009172, #0077A9, #645D00, #00181A)
• Cypress Thicket color palette (#D3FAFF, #A1E5DD, #7BC0C9, #437C61, #072A2F)

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