Tempered Villa color palette — #FFF1F6 · #A2D5FB · #3A77F1 · #00656D · #3B3A65

A conversation between Sapphire and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A2D5FB): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#3A77F1): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00656D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3B3A65): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

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 Cabin color palette (#FEF0FA, #8EDCEE, #0089C0, #006858, #21406B)
• Aged Cobalt Study color palette (#F0F4E7, #A2D6FF, #2686DB, #005E7B, #05234F)
• Sapphire Cabin color palette (#FFF1F5, #7CBEF8, #3351FF, #00545F, #332761)
• Aged Lantern color palette (#F9F3F7, #D4D7EF, #50A6BE, #4D7A62, #405567)
• Cerulean Summit color palette (#FAF4EB, #CCE9FF, #84B9FF, #00A1BE, #2E3B70)
• Worn Ridge color palette (#F6EBF2, #7FBFBC, #007588, #00532E, #013249)
• Muted Terrace color palette (#EFE2EB, #2D8F9C, #00425A, #00231A, #00091A)
• Navy Harbor color palette (#EADBE2, #4999C4, #004597, #002F31, #0F083B)

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