Tempered Villa color palette — #F3E7DD · #54AED6 · #0A4FAA · #002C26 · #010009

Cobalt takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F3E7DD): bright and airy, almost weightless.
• Cyan (#54AED6): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0A4FAA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002C26): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Faded Ultramarine color palette (#F8ECE1, #5FC2FA, #3C62B8, #003E3B, #030010)
• Muted Teal color palette (#EFDAD3, #55B3B6, #005D79, #002E11, #000105)
• Navy Pier color palette (#E5DBE0, #4B89A7, #003C73, #002222, #05002C)
• Aged Villa color palette (#D8F1EF, #77A8C1, #007CB6, #005B6C, #000A18)
• Tempered Lagoon Alley color palette (#CEF2F1, #009693, #004F47, #000D0B, #000201)
• Chalky Cobalt Veranda color palette (#FFF2EB, #8CDAEC, #0081C5, #00543D, #05062B)
• Aged Summit color palette (#CAE8DA, #5DD0EE, #5B84E7, #4A4E00, #000201)
• Hushed Forest Basin color palette (#FFF2EE, #91FBF8, #00A1C6, #196E28, #021F3B)

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