Tempered Villa color palette — #FFF0F8 · #F2B89D · #78D3AE · #A9A6E7 · #503B47
Built around Mint Leaf, softened by Mauve — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sand (#F2B89D): A whisper-light, dusty orange — the color of autumn markets.
- Mint Leaf (#78D3AE): A luminous, balanced teal — the color of glacier melt.
- Mauve (#A9A6E7): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal (#503B47): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged 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
- Aqua Grove color palette (#E9FBEA, #E2C290, #68D1D4, #C89BD6, #334935)
- Sky Bloom color palette (#FAF1FF, #F2B2C7, #B8C682, #70B8E5, #4B3C52)
- Antique Alley color palette (#FFF1F7, #D7A584, #55B4CA, #5390C6, #533946)
- Feathered Thicket color palette (#E1FDF1, #BFC574, #55C1F5, #EA7AAF, #194032)
- Taupe Cabin color palette (#ECF9F2, #C1E2D7, #BAB98B, #A19065, #364D49)
- Frosted Wisteria color palette (#FFE2EB, #F3A035, #00C4BA, #C06FFD, #462900)
- Ancient Amber color palette (#FFF0F8, #FFD1E6, #E2A785, #BB7A4F, #4E2A3C)
- Softworn Seafoam color palette (#EADEFF, #78F8CB, #FFC980, #5E745D, #293229)
Browse the whole catalog at Explore, or see today's palette.