Tempered Pine Villa color palette — #E7F6EB · #7AAC9C · #3C7342 · #4E3F5A · #03221A

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#7AAC9C): A luminous, dusty teal — the color of glacier melt.
• Olive (#3C7342): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#4E3F5A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#03221A): 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 Pine 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

• Cypress Meadow color palette (#E6F6F3, #6EAF99, #137374, #643A2B, #002124)
• Airy Taupe Thicket color palette (#E5F7EB, #99B367, #397B4B, #5A4B00, #1A2500)
• Tempered Forest color palette (#D0E8DB, #759A60, #006542, #3D3A0A, #071700)
• Lagoon Delta color palette (#EDF4ED, #A8CDB9, #5E8E82, #576656, #24362C)
• Aged Drift color palette (#FCF4E4, #BBB68B, #529160, #884E67, #36362F)
• Hushed Olive color palette (#E7F2C3, #A0B86B, #617500, #2F3C00, #0C1100)
• Hushed Chestnut Orchard color palette (#D8FCEB, #B2E0EC, #7DC7BF, #835D1A, #002D27)
• Linen Olive color palette (#D5F5E7, #7E8300, #6A61B2, #664B8E, #001910)

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