Tempered Villa color palette — #F1E9CF · #9FA56F · #746E08 · #504300 · #182000

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1E9CF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9FA56F): A luminous, dusty green — the color of new leaves after rain.
• Olive (#746E08): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#504300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#182000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Summit color palette (#FCF0E0, #B9A98F, #8E6F39, #674313, #2C2108)
• Washed Garden color palette (#F2E9D3, #919343, #675C00, #433400, #101400)
• Softworn Moss color palette (#FFF5D9, #C4D9A2, #A0951F, #7F5700, #00320D)
• Tempered Cocoa Balcony color palette (#EEE1D3, #8C6B37, #603900, #381A00, #090500)
• Garnet Harbor color palette (#F5E2D5, #AD7954, #81401C, #5A1600, #190A00)
• Weathered Station color palette (#FFEDE9, #C44F63, #806800, #375300, #29050C)
• Timeworn Archive color palette (#E2F8EF, #0084B6, #595B00, #004A26, #001113)
• Timeworn Plum Terrace color palette (#FFD1F2, #DA7EAE, #BC196B, #7D0030, #400009)

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