Tempered Villa color palette — #E6FBEF · #A1D4C6 · #988B41 · #7B4C14 · #002A15

Moss and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBEF): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#A1D4C6): A whisper-light, dusty teal — the color of glacier melt.
• Moss (#988B41): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7B4C14): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002A15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Terracotta Lagoon color palette (#FFF1F5, #D3C898, #AA8153, #893E2D, #002920)
• Taupe Quarry color palette (#D1E6DB, #94A061, #6E6629, #4D3B14, #001D18)
• Weathered Taupe color palette (#EEE7D6, #BDC98C, #ACA045, #91753C, #31312A)
• Hushed Veranda color palette (#FFF0F9, #FFAFB3, #C27036, #705400, #122200)
• Taupe Garden color palette (#FEF1F9, #CCE5C9, #CB8C75, #905863, #1B3929)
• Olive Coast color palette (#D3EDD8, #727836, #4D3800, #220B00, #000200)
• Amber Veranda color palette (#E7FBEC, #C39711, #A58629, #007158, #001C09)
• Bronze Workshop color palette (#F9D8E7, #A87E24, #783900, #46000C, #010100)

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