Tempered Petrol color palette — #FDF1FC · #D58585 · #51A186 · #0079A2 · #3E2B3D

Cerulean takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Dusty Rose (#D58585): A luminous, balanced red — the color of embers at dusk.
• Fern (#51A186): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0079A2): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3E2B3D): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Denim Terrace color palette (#FCF1F9, #CE8470, #008E76, #205E9D, #2E263B)
• Wandering Blush color palette (#FFF2ED, #FE8C8D, #58B19C, #2E7C9E, #331F18)
• Aged Lantern color palette (#FFF0F7, #D69C77, #68A7B1, #567AB7, #4A3640)
• Tempered Wisteria Lagoon color palette (#F6F3FF, #C784BD, #829959, #008077, #362E45)
• Bronze Drift color palette (#EBFAED, #DFA177, #9B852D, #006E8C, #54313D)
• Hazy Grape color palette (#E6FDE6, #C98805, #0095B6, #6942CC, #3D2600)
• Gentle Ember color palette (#FFD7EF, #DF5503, #008A83, #0054A7, #3A1000)
• Violet Terrace color palette (#F3F4FF, #8E6EC0, #007D9C, #514A81, #303143)

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