Tempered Villa color palette — #E3F7F4 · #7BC8E2 · #007CA5 · #005059 · #001D2E

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3F7F4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7BC8E2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001D2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Airy Ridge color palette (#DEF8F8, #94C0EC, #256FD1, #004C6D, #041248)
• Worn Lagoon Ridge color palette (#E5F6F2, #A0DDDB, #00949D, #006357, #002B31)
• Softworn Cobalt Pier color palette (#FFF2EB, #79C4DD, #0074B4, #005650, #132B72)
• Patina Atelier color palette (#D9EBEB, #487EA8, #003C71, #001D2A, #000107)
• Aged Lantern color palette (#D0E4E2, #6DA5BE, #005F88, #003842, #000C19)
• Azure Study color palette (#FEF1F9, #D6D8F2, #09A3F4, #007369, #081F56)
• Pale Amethyst Boulevard color palette (#E7E4F8, #7948E6, #B60065, #005B75, #120031)
• Nightshade Veranda color palette (#DBE3F6, #726EFF, #008477, #4200CE, #001B17)

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