Tempered Villa color palette — #EFF6FF · #92B9F3 · #E19E19 · #4478C6 · #543E1A

A conversation between Gold and Azure, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#92B9F3): A luminous, balanced blue — the color of deep harbor water.
• Gold (#E19E19): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#4478C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#543E1A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Tangerine Chapel color palette (#EBF7FF, #5BC6EF, #EC8556, #008DB4, #603623)
• Timeworn Lime color palette (#F2F5FF, #B6ACF5, #ACAB18, #8072C4, #1F4C3B)
• Airy Periwinkle Delta color palette (#FFF0FE, #AFCDFF, #E5B474, #749FE6, #583C15)
• Faded Studio color palette (#EEF6FF, #53A6ED, #A58624, #326A99, #274C34)
• Antique Cobalt color palette (#FDF0FE, #B6D8FF, #7DD09D, #518DD0, #373933)
• Washed Coral color palette (#EFF6FF, #80A3F0, #EA6B65, #5E9660, #2A384F)
• Lapis Courtyard color palette (#D9E4FF, #A0A6FF, #A48A00, #4F10EC, #372D00)
• Timeworn Pewter Garden color palette (#F3F4FF, #DAC18E, #7B63A5, #483A60, #20212B)

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