Tempered Villa color palette — #F2F7ED · #9DD1BF · #DC9CB3 · #15A382 · #693E4E

Built around Fern, softened by Rosewood Mist — the whole palette hums with sophistication.

The five colors

• Ivory (#F2F7ED): a clean, paper-quiet neutral.
• Pistachio (#9DD1BF): A luminous, dusty teal — the color of sea glass.
• Rosewood Mist (#DC9CB3): A luminous, balanced rose — the color of strawberry cream.
• Fern (#15A382): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#693E4E): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication. 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

• Muted Cerulean Boulevard color palette (#EAFAF0, #93CFE1, #DDA08F, #009CBC, #6B4034)
• Patina Moss Canyon color palette (#F8F6E6, #BBCC9A, #BFA4D9, #7D9930, #65414E)
• Blush Meadow color palette (#F2F7ED, #7EC0A2, #D17998, #2E8463, #634440)
• Ancient Seafoam Delta color palette (#E7F9FB, #88EBD1, #ECB3D1, #70B9A6, #544760)
• Timeworn Teal color palette (#F1F8ED, #BDDFE6, #ACABB8, #7AB28C, #415341)
• Airy Blush color palette (#E5FDE4, #00C7C4, #F2657E, #008987, #671A2B)
• Patina Amber Parlor color palette (#EEF9E8, #7EC0B1, #AC97DB, #C08251, #394830)
• Cerulean Parlor color palette (#EFF7F2, #E2CEAE, #508793, #375542, #212F26)

Browse the whole catalog at Explore, or see today's palette.