Tempered Villa color palette — #F4EEE4 · #85B9D5 · #106CAE · #004E57 · #192D52

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#85B9D5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#106CAE): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#192D52): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Pier color palette (#F2E7DF, #8CBBD4, #3B68B7, #004C45, #18053F)
• Dusty Cypress Lantern color palette (#F5EDE1, #7AC0BB, #007680, #00523A, #003441)
• Ancient Cobalt Basin color palette (#FAF4EC, #A6CFC2, #5479B0, #005D70, #2E3762)
• Softworn Denim Atelier color palette (#F1E9DE, #559BAC, #00516E, #00302E, #001528)
• Frosted Periwinkle color palette (#E6F2E8, #9FDDFD, #43ABFF, #008F9D, #172C54)
• Timeworn Ash color palette (#F9F4EE, #C8E8EA, #7A9CC4, #3B7985, #5F4B5C)
• Plum Bloom color palette (#FFE4EA, #BC2260, #526800, #00517F, #370F1C)
• Hushed Mulberry Canyon color palette (#F7D5D1, #C74B82, #007C66, #86004C, #003127)

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