Tempered Villa color palette — #F6F3FE · #B07BAE · #74893C · #1F6E5C · #3E3A4A
Olive Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F3FE): a clean, paper-quiet neutral.
- Dusty Rose (#B07BAE): A luminous, balanced pink — the color of a candy shop window.
- Olive Leaf (#74893C): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#1F6E5C): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#3E3A4A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Wandering Study color palette (#FBF2FC, #CC7E8A, #836E2B, #006250, #31445A)
- Hushed Wisteria color palette (#F3EFFC, #C177B4, #698E65, #486844, #24202D)
- Softworn Iris color palette (#F1F5FF, #8489CC, #A47435, #50683E, #373D4C)
- Ancient Grove color palette (#FBF2FB, #C97379, #428F77, #34667D, #433944)
- Wandering Wisteria Lantern color palette (#FFF1F3, #D38DDC, #77A987, #73833F, #48383B)
- Powdered Plum color palette (#F9E8FB, #B04A5B, #007350, #004D5F, #2F2031)
- Softworn Cabin color palette (#F7F3F9, #E1D7DA, #B4ABA2, #8E7899, #545156)
- Hushed Peony Delta color palette (#F9F2FF, #DF3A99, #236800, #005557, #33243E)
Browse the whole catalog at Explore, or see today's palette.