Tempered Petrol color palette — #EEF4EF · #D8DAEE · #879DBF · #167693 · #2B354F

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D8DAEE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#879DBF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#167693): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B354F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Tempered Petrol Bloom color palette (#E4EBE5, #8FBAD3, #0773A4, #004B4C, #001630)
• Antique Iris color palette (#F9F4EF, #C8E9EE, #8995D0, #357B7E, #624B54)
• Worn Cypress color palette (#EEF4EF, #BDE4EF, #459BAA, #006F56, #003141)
• Aged Coral Lagoon color palette (#E5F5F9, #83C0BE, #D18289, #008281, #3F2741)
• Ultramarine Workshop color palette (#E4EDE5, #7AA1C2, #0F52B2, #003744, #050031)
• Muted Abyss Workshop color palette (#E0ECE2, #53808E, #004350, #002019, #000103)
• Hushed Lagoon Summit color palette (#CAF5F5, #8DCBB6, #309C8F, #00696B, #093B4D)
• Tempered Lagoon Field color palette (#E0F6FD, #D2D8E8, #C6B2D1, #5B9488, #2D4049)

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