Tempered Villa color palette — #DEFCFB · #70B08A · #B9708B · #0B7949 · #5E3343
Pine takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#DEFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#70B08A): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#B9708B): A luminous, balanced rose — the color of strawberry cream.
- Pine (#0B7949): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#5E3343): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, 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
- Linen Olive Meadow color palette (#E1FCF6, #8BAB73, #9979B7, #4B7328, #4C385E)
- Cypress Canyon color palette (#E7F9FF, #7CBDBF, #C3858C, #0C8286, #59455C)
- Linen Hollow color palette (#EEF5E4, #75B491, #BF7C3B, #00784B, #3D1F00)
- Airy Parlor color palette (#DDFCFF, #00A080, #A36388, #98493F, #1A3E42)
- Pewter Canyon color palette (#E5FCEB, #8AB1A0, #827143, #694554, #26443E)
- Emerald Corridor color palette (#E1FBFA, #82CA9F, #D6945A, #00995C, #613606)
- Hazy Rust color palette (#EAF7FF, #00A3CA, #CD4F45, #006680, #661F1A)
- Wandering Driftwood color palette (#E0FBFC, #C6DEF6, #9FC5E9, #748957, #365359)
Browse the whole catalog at Explore, or see today's palette.