Tempered Villa color palette — #E9F5F2 · #A6D0DA · #008D91 · #005D4D · #002530

Cerulean takes the lead with Pine close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Powder Blue (#A6D0DA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008D91): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002530): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, 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

• Tempered Cobalt Quarry color palette (#EAF4F4, #A6CDE9, #0083C5, #00586C, #02213D)
• Weathered Cerulean color palette (#FCF3EE, #B1CFAD, #008799, #206139, #0F4056)
• Dusty Harbor color palette (#CDE4E1, #3D96B4, #00506E, #002B31, #00050B)
• Patina Fern color palette (#D4F0EC, #61A45A, #0085C0, #13670B, #001F31)
• Muted Turquoise Study color palette (#FAF3F7, #D1D5E7, #00BAD2, #378051, #103247)
• Emerald Delta color palette (#CEE4E2, #2E9151, #007B93, #745600, #001817)
• Wandering Periwinkle color palette (#EBF4F3, #D6D9EC, #759FD3, #377390, #2A3749)
• Linen Pier color palette (#E5E7C6, #8CA538, #557200, #295100, #072302)

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