Tempered Petrol color palette — #FEF1F5 · #AD92BF · #18958E · #007395 · #3F2F3A

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

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Mauve (#AD92BF): A luminous, dusty violet — the color of a velvet chair.
• Fern (#18958E): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007395): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3F2F3A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Timeworn Cobalt color palette (#FEF2F2, #C58AAA, #4A95B1, #4F69AF, #422A31)
• Wandering Pine color palette (#FFF2EE, #BE7678, #3F7F46, #2D4D7B, #46332C)
• Nightshade Balcony color palette (#FFF1F0, #E2599B, #007CA6, #3534BF, #34143B)
• Cypress Alley color palette (#F8F5EC, #BBB376, #659B75, #007780, #2A4365)
• Aubergine Terrace color palette (#FFF2EC, #C07C72, #617DBC, #71488F, #3C2423)
• Worn Apricot Quarry color palette (#FFF0F9, #FFA18F, #51B5A9, #56988F, #333343)
• Timeworn Cypress color palette (#FDF4E5, #DCB690, #A39063, #387F5D, #633F00)
• Dusty Hollow color palette (#FEF0FC, #FFA69D, #A19A54, #6F5A86, #2C2531)

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