Tempered Villa color palette — #F9F0EA · #A8D3BD · #4B81AE · #005C56 · #131E3D

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#A8D3BD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4B81AE): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#131E3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Patina Cobalt Loft color palette (#F7F0EA, #9CCEF3, #5E7BB4, #005A62, #311627)
• Worn Summit color palette (#F9F0EB, #86D8D4, #2E899B, #1E5D3A, #00281C)
• Turquoise Lantern color palette (#ECF8F7, #D4DEEA, #64B0D7, #007D8D, #0F314A)
• Tempered Lagoon Corridor color palette (#E9DCD5, #009D9F, #005263, #002E1A, #00050B)
• Antique Ridge color palette (#FCECE0, #2383A8, #003C6F, #001F1F, #01000C)
• Worn Moss Veranda color palette (#DFE7D0, #53AF47, #007D57, #00493E, #00292B)
• Timeworn Sky Meadow color palette (#EAF7DE, #A4EDF0, #7FB5E5, #5A6E44, #1D2A19)
• Hushed Teal Courtyard color palette (#CAFFF1, #00C2AD, #00786F, #003F38, #00130F)

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