Tempered Villa color palette — #FCF2F8 · #B77460 · #6A7318 · #2C5F3F · #28393F
Olive takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF2F8): bright and airy, almost weightless.
- Caramel (#B77460): A luminous, balanced orange — the color of sun-warmed clay.
- Olive (#6A7318): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#2C5F3F): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#28393F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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
- Wandering Cabin color palette (#FBF2F9, #CC807B, #96650C, #475C1D, #483B5A)
- Wandering Hollow color palette (#EDF7FC, #0F99AD, #7F6B17, #3F5A23, #23393D)
- Tempered Cypress Lagoon color palette (#EFF8F2, #95853A, #007A63, #005663, #283240)
- Timeworn Thicket color palette (#F2F0FB, #AE70BF, #3C7B48, #16514E, #101B25)
- Wisteria Veranda color palette (#FFF1F4, #CC8FDE, #56915E, #4E7352, #25342F)
- Wandering Stone Basin color palette (#FAF2FA, #F8A8A8, #BC9F71, #8B9264, #2D3542)
- Antique Chestnut Archive color palette (#DAECD9, #7E5200, #004E22, #00302F, #001323)
- Driftwood Corridor color palette (#F6F4FA, #E1D7DD, #B7AAA3, #A0718D, #545158)
Browse the whole catalog at Explore, or see today's palette.