Tempered Villa color palette — #EFF7F7 · #DBDCE7 · #93BDF7 · #2D8CBA · #2F405A

Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#DBDCE7): bright and airy, almost weightless.
• Sky (#93BDF7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2D8CBA): A luminous, balanced blue — the color of open sky before noon.
• Navy (#2F405A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Cerulean color palette (#EFF7F6, #D7DDE9, #A8D2EE, #559FA9, #355166)
• Ancient Cerulean Harbor color palette (#EAF9F7, #93D8EB, #0087AA, #005156, #000F18)
• Turquoise Pier color palette (#EBF8F6, #D4DEEB, #33B8D1, #007F7C, #003442)
• Dusty Pier color palette (#DEF4EF, #77C6C9, #007580, #003E38, #000304)
• Softworn Lantern color palette (#D2E3E1, #82A7C1, #005B86, #002A34, #000104)
• Muted Petrol Veranda color palette (#F7F1EA, #BDE7DB, #7A8BBF, #006A79, #3B2330)
• Washed Stone Summit color palette (#E2FBF7, #C1E6F6, #A1BFD3, #9EBD7A, #2F4F4D)
• Amber Delta color palette (#DBFEF6, #A0CA83, #39BFC5, #C68027, #02332C)

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