Tempered Villa color palette — #ECEFE2 · #70A6C7 · #005C92 · #003C4C · #001F41

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECEFE2): a clean, paper-quiet neutral.
• Blue Fog (#70A6C7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#005C92): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001F41): 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

• Linen Ultramarine color palette (#F3E6DA, #75A3BF, #0053B3, #00393B, #08002E)
• Cypress Summit color palette (#EEEFE1, #88A988, #00636A, #003F37, #00242A)
• Wandering Meadow color palette (#EFE4E9, #7CBAE0, #156EE4, #00585D, #191843)
• Timeworn Petrol Field color palette (#F5F7E6, #71C7D6, #007B93, #005557, #00394B)
• Abyss Ridge color palette (#E0E3D8, #5687A1, #004163, #002129, #000A18)
• Linen Azure color palette (#D5E9E8, #88C8F3, #0998F2, #007898, #021F41)
• Pale Cobalt color palette (#F3F7EB, #ABDACB, #1681DF, #006282, #1A3D77)
• Dusty Petrol Boulevard color palette (#F4F6F0, #C0E6DB, #6D8CB6, #006B93, #583D55)

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