Tempered Villa color palette — #FFF2EC · #FF4032 · #5D6B00 · #004148 · #12002B
A conversation between Scarlet and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Scarlet (#FF4032): A luminous, vivid orange — the color of sun-warmed clay.
- Olive (#5D6B00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#004148): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#12002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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 Peony color palette (#FFF2F0, #FA3094, #796000, #00423C, #090230)
- Washed Amber Terrace color palette (#FFF3E8, #D37800, #00782E, #003D59, #1A001E)
- Patina Tangerine Cabin color palette (#FFF2EB, #F68056, #55871D, #005268, #2A0936)
- Faded Rust color palette (#FFEFE3, #BD5A00, #245C00, #002936, #030007)
- Airy Meadow color palette (#F2DCD6, #EC788E, #4B9937, #1D63A8, #001F40)
- Antique Bronze color palette (#F6E6ED, #A35206, #613E00, #002D34, #1B0011)
- Lowlit Chestnut color palette (#F9E8D5, #8C5B00, #004927, #001826, #030004)
- Powdered Thicket color palette (#FFE2D6, #FC8A1E, #A36600, #654800, #261E00)
Browse the whole catalog at Explore, or see today's palette.