Tempered Villa color palette — #ECF7FF · #73C9FF · #DC953D · #007FB6 · #3B2100

A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#73C9FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#DC953D): A luminous, balanced gold — the color of old brass.
• Cerulean (#007FB6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B2100): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Pale Indigo Dune color palette (#F0F6FF, #A2BDFF, #AFAB46, #4D6FD0, #2B2900)
• Dusty Coral Station color palette (#E8F8FF, #38D5EC, #EF8277, #008596, #451613)
• Wandering Cobalt color palette (#EFF6FF, #B9D6FF, #CDBB69, #5B8BCE, #433800)
• Aged Azure color palette (#D9F6EC, #82C7F7, #79C76F, #009BE2, #1B3F16)
• Aged Bloom color palette (#EDF6FF, #DBD9E3, #B2AEA3, #53A9B8, #253347)
• Airy Amethyst color palette (#F1F5FF, #A9A7FF, #A8A006, #662BFC, #212000)
• Linen Rust color palette (#DFF4EE, #50A2ED, #AF4400, #005998, #522815)
• Softworn Amber color palette (#EDF6FF, #76BFFF, #BE6D15, #7C7200, #011C34)

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