Tempered Petrol color palette — #ECF4EF · #C0E0E1 · #A3C9BD · #157692 · #182921

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#C0E0E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A3C9BD): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#157692): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#182921): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Parlor color palette (#F6EFF5, #E3D4D5, #C8B8B9, #64749A, #312930)
• Hushed Corridor color palette (#E0EDE7, #BBD1CA, #B29BB2, #155C7D, #0E1914)
• Muted Loft color palette (#EEF8F1, #CCDDE0, #D9BEBF, #0097AB, #36443A)
• Shadow Cobalt Studio color palette (#CEECE4, #006FB7, #12284F, #001510, #000503)
• Faded Delta color palette (#F1F5DC, #4AC27F, #007E5B, #005950, #1C2402)
• Airy Parlor color palette (#D4FDEE, #87E5FF, #3CB5FD, #3E7CE4, #001A2F)
• Periwinkle Quarry color palette (#D6E4F7, #92A3DB, #7E74A9, #6E4556, #4F1D25)
• Dusty Pier color palette (#FDEDF5, #E7CBD6, #CA9DAB, #5A46AA, #27121E)

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