Tempered Villa color palette — #F8F5EF · #CCE3E0 · #77A591 · #007F7B · #325249
Teal takes the lead with Eucalyptus close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CCE3E0): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#77A591): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007F7B): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#325249): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication. Tagged coastal, cool, 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
- Antique Garden color palette (#F8F5EF, #CDE2E2, #759EC0, #137D85, #5F4B5E)
- Softworn Lagoon color palette (#E9FAF1, #ECD6D3, #DEB3A2, #48969C, #3C5049)
- Muted Petrol Bloom color palette (#EAFAF0, #7DBACE, #C6886A, #007F9B, #524C47)
- Hushed Boulevard color palette (#F5EFE5, #68AAB7, #00607C, #003E39, #002237)
- Cerulean Veranda color palette (#F8F5EF, #B4CCB7, #00879D, #006150, #004158)
- Petrol Bloom color palette (#F4EEE4, #8FBCB1, #4665A9, #004D61, #25265B)
- Olive Dune color palette (#E4FCF0, #5CA2BF, #B37294, #7D7A2C, #30493D)
- Tempered Navy Loft color palette (#F0E8DB, #4B89A3, #004064, #002224, #00081D)
Browse the whole catalog at Explore, or see today's palette.