Tempered Petrol Villa color palette — #EFF7F7 · #D8DBEC · #7A9CC2 · #307896 · #445468

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D8DBEC): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7A9CC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#307896): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#445468): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol 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

• Antique Periwinkle color palette (#F7EFF2, #D9D0E3, #7F9BD6, #277781, #303548)
• Denim Field color palette (#E9F6FF, #8CC1E2, #518EBE, #29639D, #395170)
• Timeworn Quarry color palette (#EDF6FF, #85B6DB, #76A778, #2A79AD, #245752)
• Ancient Denim color palette (#D7E6E5, #70A6C8, #005B94, #003B4C, #001F42)
• Wandering Pier color palette (#E3F4F0, #489FA2, #00545D, #00302C, #00171D)
• Ancient Ridge color palette (#F4F6EE, #C1E0F4, #A6CAF4, #82AD9B, #5E4B5D)
• Wandering Bloom color palette (#ECF9F2, #A3BFB4, #628B77, #695D2D, #384D46)
• Wandering Courtyard color palette (#EFF7F6, #D6DBEB, #70A0C0, #0F7B92, #3D556C)

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