Tempered Villa color palette — #FFF2EE · #FFC4EB · #FBA1AD · #B57540 · #403835
A conversation between Ballet Pink and Caramel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Thistle (#FFC4EB): A whisper-light, balanced pink — the color of neon signs at night.
- Ballet Pink (#FBA1AD): A luminous, balanced red — the color of embers at dusk.
- Caramel (#B57540): A luminous, balanced gold — the color of old brass.
- Charcoal (#403835): quiet, heavy and certain.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged candy, vibrant, 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
- Tempered Workshop color palette (#FFF1F2, #E3D3FF, #EDA1D4, #C26C6C, #583142)
- Hushed Bronze color palette (#FFF3E8, #FFC7BF, #E5A261, #91861C, #3F3A35)
- Soft Orchard color palette (#FDEEEA, #E7D6FF, #FFA3B7, #BC9100, #401910)
- Gentle Ridge color palette (#FFDAD8, #E99580, #B7653C, #844D16, #5D4017)
- Wandering Bronze color palette (#FFF2EF, #C6A797, #A87A40, #5A6855, #295654)
- Gentle Chapel color palette (#FFF2EB, #FF93BA, #FD572A, #915F00, #4B1F00)
- Wandering Apricot color palette (#FFF2E2, #FF9567, #BE8400, #637600, #2E2300)
- Ancient Chestnut color palette (#FFF3E9, #D08E62, #4A92BA, #9B4D00, #0C4864)
Browse the whole catalog at Explore, or see today's palette.