Tempered Villa color palette — #E0ECFF · #4976EA · #766D00 · #1D3D96 · #151300

Sapphire and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E0ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#4976EA): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#766D00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#1D3D96): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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

• Timeworn Iris color palette (#E1E9FE, #877EF5, #8F7B00, #4E4992, #221C00)
• Linen Nightshade Lantern color palette (#F3D3E8, #6A75CE, #866400, #362EAC, #362600)
• Cobalt Hollow color palette (#D5ECFF, #0089C1, #985B00, #004C6D, #1E0E00)
• Worn Orchid Orchard color palette (#DBDDF6, #A865F4, #5A7500, #4E1080, #0E1500)
• Amethyst Veranda color palette (#E3E8FF, #7A2FEB, #5A5D00, #400B84, #080800)
• Dusty Ultramarine Thicket color palette (#F0D4E9, #7690F8, #9E8400, #3D4ED7, #322800)
• Lilac Canyon color palette (#F0F0FF, #B78FE0, #869743, #745395, #242B00)
• Weathered Market color palette (#E4EEFF, #D8C4FF, #DC80B1, #186289, #12142F)

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