Tempered Villa color palette — #D4E4EA · #50ADDA · #3A68A6 · #212F83 · #1E004C

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

The five colors

• Frost (#D4E4EA): bright and airy, almost weightless.
• Cyan (#50ADDA): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3A68A6): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#212F83): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#1E004C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Onyx Coast color palette (#DDEEEB, #21ADB8, #00708A, #004365, #000C48)
• Weathered Aubergine Summit color palette (#D4E3F0, #7D96DD, #5D58A5, #4C2476, #300033)
• Nightshade Basin color palette (#AEF4E1, #50ACBC, #086BB8, #331EA2, #4F005A)
• Washed Orchard color palette (#D6E6ED, #007ABB, #0B359D, #210066, #090016)
• Airy Field color palette (#B2F0FF, #7FBFE5, #4489D8, #3842B5, #37067C)
• Weathered Nightshade color palette (#D8FFF5, #57D9F7, #4491D8, #5744A2, #340041)
• Chalky Drift color palette (#DEF9F1, #36E6FA, #5DB4FF, #7B68CC, #051938)
• Cerulean Veranda color palette (#F7E7CE, #2F95BF, #465792, #641E00, #001E17)

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