Tempered Petrol color palette — #ECF4EF · #E7D3D9 · #C6B0BA · #197084 · #1A231E

A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#E7D3D9): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#C6B0BA): A luminous, dusty rose — the color of a warm blush.
• Teal (#197084): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#1A231E): quiet, heavy and certain.

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

• Weathered Petrol color palette (#EFF8F3, #CFDCDD, #BEADBF, #326B86, #323E39)
• Wandering Denim Balcony color palette (#F7EFF6, #E6CBD6, #C99FA1, #35589D, #241323)
• Cerulean Bloom color palette (#EFF6FC, #D8DAE5, #C0ABA9, #4A94B2, #253037)
• Washed Abyss color palette (#DEE7E3, #BDADBA, #9E868E, #004A64, #010E08)
• Tempered Chapel color palette (#F8F2DD, #7AAF82, #007569, #2A4F45, #1B1F04)
• Fern Courtyard color palette (#D5E6D6, #83ADDD, #8B668A, #615000, #332B0F)
• Eclipse Ultramarine Orchard color palette (#F3E9F4, #0064BA, #381A27, #120813, #000301)
• Denim Summit color palette (#F9E6CD, #009BB0, #594E97, #4C3300, #001E16)

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