Tempered Villa color palette — #F3F3E2 · #B5AA50 · #335800 · #142700 · #090800

Deep Olive and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E2): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#B5AA50): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#335800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#142700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#090800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Forest Alley color palette (#EEF4E9, #ADBA88, #006451, #002F25, #080F04)
• Soft Amber color palette (#E4FBF8, #DD8D1E, #005813, #003006, #00201E)
• Wandering Abyss color palette (#E7E9DB, #939248, #074607, #011801, #020200)
• Airy Chapel color palette (#DEFDF5, #CEBD37, #4B7800, #284400, #00211B)
• Chalky Cabin color palette (#EFF4E7, #3DC28E, #007A7D, #006C4A, #000D01)
• Hazy Pine Courtyard color palette (#F4F8E0, #FFCE9D, #128119, #043A06, #070800)
• Weathered Olive color palette (#DAE2D0, #758119, #003321, #21222B, #000B05)
• Fern Delta color palette (#D0E7D9, #226919, #363740, #00171E, #000102)

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