Tempered Villa color palette — #F0FADB · #C1D6AF · #65A5A0 · #557195 · #4D3446
Slate takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F0FADB): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#C1D6AF): A whisper-light, dusty green — the color of fresh herbs.
- Eucalyptus (#65A5A0): A luminous, dusty teal — the color of glacier melt.
- Slate (#557195): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#4D3446): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Hushed Petrol Grove color palette (#F8F8D9, #CDD6AD, #95A780, #3C7089, #16473D)
- Jade Summit color palette (#C7E8D7, #79B080, #3F8282, #574B64, #33283E)
- Tempered Driftwood color palette (#E6FDE0, #C0E2DB, #9CC5B1, #78759D, #63414D)
- Antique Archive color palette (#DCFFED, #B1D6CA, #AF8FAF, #855B8A, #4E2E2F)
- Chalky Navy color palette (#B3F1DF, #8CA989, #007B8B, #323C74, #180A35)
- Muted Aubergine color palette (#D8ECEB, #4FA7B8, #006488, #392067, #190024)
- Dusty Hollow color palette (#F4E2C3, #C9CDA9, #9BB592, #A27774, #59372F)
- Sky Orchard color palette (#F4F6EF, #BDE1F2, #61B0DF, #007C91, #003152)
Browse the whole catalog at Explore, or see today's palette.