Tempered Villa color palette — #F9DFE7 · #AE6C00 · #4E6700 · #004666 · #1C0D22
Built around Ochre, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F9DFE7): A whisper-light, dusty rose — the color of strawberry cream.
- Ochre (#AE6C00): A full-bodied, balanced gold — the color of honey in a jar.
- Olive (#4E6700): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#004666): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#1C0D22): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, 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
- Scarlet Lagoon color palette (#FAE6F4, #DD3900, #566C00, #004E66, #170921)
- Pale Nightshade Harbor color palette (#DAE9DD, #9C7300, #007453, #21319E, #210417)
- Antique Lagoon color palette (#E8E5FA, #A951B6, #655A00, #004F58, #120C23)
- Chalky Rust Pier color palette (#FFF2ED, #C54F40, #006E51, #003A5A, #050005)
- Rose Garden color palette (#EBDCEA, #E14758, #2C7600, #003D8C, #2C0E3E)
- Antique Ember color palette (#CBE6D2, #EE5B44, #816500, #12448C, #3C1900)
- Tempered Bronze color palette (#FFE6EF, #A16000, #3A3400, #260B17, #080306)
- Quiet Coral Orchard color palette (#F9E9EA, #ED7754, #AC6500, #584700, #192700)
Browse the whole catalog at Explore, or see today's palette.