Tempered Petrol color palette — #E8F6EC · #66A8B6 · #56729F · #57416C · #3F1B19

Slate takes the lead with Charcoal Brown close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Blue Fog (#66A8B6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#56729F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#57416C): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#3F1B19): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Petrol Archive color palette (#E9F5ED, #64A8B5, #5772A0, #584167, #00301F)
• Denim Garden color palette (#F0F4E9, #71AC87, #317E87, #2A4D78, #312600)
• Patina Ash color palette (#E2F9E7, #B8D3C5, #80A397, #725D65, #55383E)
• Sunlit Garnet Terrace color palette (#F8E8F6, #577ABE, #674280, #610434, #270900)
• Wandering Iris color palette (#EBF7FF, #84BAD2, #7C87C4, #825786, #603339)
• Hushed Mulberry Loft color palette (#ECF7FA, #53A8A5, #3C7992, #84344D, #304A29)
• Muted Cerulean Dune color palette (#D5F4DC, #78BFCD, #3890A9, #1A5F77, #163A2F)
• Patina Lagoon Garden color palette (#E4F2E4, #259493, #2F4033, #172117, #0A0E09)

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