Tempered Petrol color palette — #E9F5EC · #7BC0CC · #D0857D · #00808F · #4B2420

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F5EC): bright and airy, almost weightless.
• Ash (#7BC0CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#D0857D): A luminous, balanced orange — the color of autumn markets.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4B2420): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Wandering Parlor color palette (#EFF4E7, #8CC1A5, #BE89A9, #1A865B, #47223A)
• Cobalt Drift color palette (#F9EDF9, #99B5DD, #BD9454, #3571C3, #35302A)
• Blush Grove color palette (#EDF6FF, #86B6DD, #D078A2, #4078A2, #54475E)
• Coral Atelier color palette (#EAF8FD, #83D3E0, #EA988E, #379CAA, #5D4359)
• Chalky Bronze Canyon color palette (#D6FCEB, #38B5EA, #AE5B00, #006486, #351700)
• Tempered Orchard color palette (#E6F7EC, #63A8B9, #B575A5, #8A782B, #142D1F)
• Hushed Orchard color palette (#F5F0F6, #D7C09A, #3F648B, #3D283F, #19111A)
• Muted Hollow color palette (#FAF0E6, #C9B8A0, #9C7C5A, #754D38, #332B19)

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