Tempered Villa color palette — #F1F6FB · #D9D9DF · #B6A8AD · #6286A9 · #4D535A

A conversation between Storm Blue and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#D9D9DF): a clean, paper-quiet neutral.
• Ash (#B6A8AD): a calm mid-gray that lets other colors speak.
• Storm Blue (#6286A9): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4D535A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Pewter Bloom color palette (#F5F4FB, #DFD8DF, #C9BAC6, #866595, #474650)
• Timeworn Terracotta Grove color palette (#FFF0FD, #99A4D7, #7B6F9C, #84414F, #3F475F)
• Weathered Navy Boulevard color palette (#E7EDF4, #929AA8, #65708D, #002662, #020917)
• Antique Market color palette (#EEF8F3, #A6CABC, #778861, #496D73, #3A534A)
• Nightshade Lantern color palette (#ECEEF4, #C9CCD5, #9D9EB4, #4B4996, #262D40)
• Muted Sapphire color palette (#F0F5FF, #DCD6E8, #B3BADB, #455DCF, #354055)
• Patina Aubergine color palette (#DFDDE6, #ABA7B3, #877896, #5C0063, #150F25)
• Wandering Mulberry Lagoon color palette (#F7F3FE, #D7CFDF, #B29EBB, #980E83, #372D46)

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