Tempered Villa color palette — #C7E9F4 · #0079A4 · #004C7D · #001760 · #06002D

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

The five colors

• Frost (#C7E9F4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0079A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004C7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#001760): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#06002D): A deep, shadowed, balanced violet — the color of wild irises.

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

• Petrol Studio color palette (#D8F1F4, #007A91, #004964, #002E48, #00091D)
• Shadow Onyx color palette (#CEEBEE, #00627A, #003563, #0C0057, #14002A)
• Dusty Navy color palette (#D0EAEE, #0083A9, #005FA1, #171E95, #0C002C)
• Gentle Loft color palette (#CAE3F6, #0068C7, #001BCE, #1F0066, #0C0028)
• Washed Basin color palette (#F9E4F9, #0066C8, #7A4D00, #003670, #0B0400)
• Pale Orchid Study color palette (#F3E7F2, #A098DE, #AA66C4, #00537C, #1A0314)
• Powdered Sapphire Studio color palette (#D0E6FB, #4A98FF, #3B5FFF, #4833AC, #332453)
• Pale Aubergine Studio color palette (#E8EEFF, #604BE1, #6100B4, #390052, #120015)

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