Tempered Petrol color palette — #D4E2E8 · #B6C7D3 · #91A7C0 · #006D7C · #0E222A

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

The five colors

• Silver (#D4E2E8): a clean, paper-quiet neutral.
• Oat (#B6C7D3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#91A7C0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006D7C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0E222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Canyon color palette (#E4F2FC, #AAB6C4, #8B96AA, #005A7C, #061620)
• Muted Harbor color palette (#E2EBE3, #AAC7CA, #CAADBF, #00919B, #122416)
• Wandering Cobalt color palette (#EDF6FF, #D0DFF7, #B3BDDB, #0F7EC1, #1D354A)
• Hushed Pewter Atelier color palette (#C7EBF9, #859CC0, #7569A2, #723C20, #362300)
• Pale Aubergine Summit color palette (#CEE7F6, #0081A3, #7D1E8D, #4F2700, #001708)
• Ultramarine Corridor color palette (#F0E5CF, #008FAB, #0853B1, #6D0506, #001926)
• Forest Orchard color palette (#D8F6EC, #6CA268, #00734C, #00504F, #022202)
• Softworn Petrol color palette (#D9E9F6, #006798, #3F3438, #132244, #000A16)

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