Tempered Villa color palette — #EEF6FF · #9AC9F9 · #DFA369 · #5691CA · #62424F

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#9AC9F9): A luminous, balanced blue — the color of deep harbor water.
• Camel (#DFA369): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#5691CA): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#62424F): A full-bodied, dusty rose — the color of a warm blush.

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

• Periwinkle Canyon color palette (#E9FAF5, #B2DAFF, #E8BF8A, #70AEE6, #514C46)
• Tempered Mustard Veranda color palette (#F1F5FF, #BABEFA, #C1B359, #8184CB, #345544)
• Washed Lagoon color palette (#EBF8FC, #84D4D9, #EC959A, #009FA7, #5B445B)
• Sky Lantern color palette (#EDF6FF, #71B7EF, #B59262, #4278A1, #3F533F)
• Antique Delta color palette (#EFF6FF, #84B4F3, #DE898E, #77A064, #374353)
• Quiet Sapphire color palette (#F0F5FF, #90A9FF, #C89C18, #475CE8, #4A3700)
• Weathered Taupe color palette (#EAFAF2, #AFD4C8, #A09F6C, #607D68, #364D49)
• Washed Harbor color palette (#F2F5FE, #B5DDBD, #7D74AF, #454B67, #292B34)

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