Tempered Villa color palette — #F8E2DE · #FF7D58 · #B44600 · #7B3700 · #473700

Salmon and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F8E2DE): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#FF7D58): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B44600): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#473700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Sunlit Veranda color palette (#FCDEE2, #FF545C, #BB4D00, #633400, #352600)
• Dusty Bronze color palette (#FEE7F3, #C68F65, #A64B00, #7B2D10, #4C2E0A)
• Ember Courtyard color palette (#FFD4DB, #FF8474, #DC5500, #8D5200, #563F00)
• Gentle Amber Market color palette (#FADFC9, #E08800, #956100, #6A4A00, #35400B)
• Frosted Terrace color palette (#FFE1E4, #FF737E, #D60028, #911B00, #662913)
• Orchid Canyon color palette (#FFF0F9, #EA652D, #A243EF, #9C3600, #482866)
• Quiet Corridor color palette (#FFF1F6, #FCD7A4, #D8C055, #AA5013, #314A30)
• Plum Grove color palette (#FFE2EB, #B16F00, #438500, #B10055, #462900)

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