Tempered Villa color palette — #FFF2EE · #FFD2BE · #CCB263 · #975792 · #2E0600
Built around Slate, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Peach Cream (#FFD2BE): A whisper-light, dusty orange — the color of autumn markets.
- Gold (#CCB263): A luminous, balanced green — the color of new leaves after rain.
- Slate (#975792): A full-bodied, balanced pink — the color of peonies in June.
- Ink (#2E0600): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged pastel, light, 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
- Dusty Boulevard color palette (#FFF2EE, #F9D498, #B1C960, #9D415F, #221100)
- Faded Indigo color palette (#FFF1F3, #FBD1CD, #FF9D77, #6B5BB4, #200014)
- Chalky Raspberry Corridor color palette (#F9E2F7, #FFBBA6, #ED9A63, #CE526C, #401109)
- Amber Atelier color palette (#FFE3D9, #F08F76, #C96800, #8C253F, #270200)
- Softworn Mulberry Market color palette (#FFEAE5, #F0C292, #AFAC3A, #862049, #0E0300)
- Quiet Orchard color palette (#EAD7EE, #FEA283, #A88200, #752266, #3B100E)
- Linen Atelier color palette (#FFF2EE, #E0E2CD, #CCEE8C, #CD5C7B, #412300)
- Dusty Chestnut color palette (#F7E2C8, #A99A59, #815600, #522100, #030400)
Browse the whole catalog at Explore, or see today's palette.