Tempered Petrol color palette — #E9F1EA · #81BDC5 · #00748F · #005147 · #00324A

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

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#81BDC5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Petrol Archive color palette (#E7F2E9, #98B4D2, #4365AE, #004D61, #262854)
• Worn Loft color palette (#EEE6EC, #8ABCCF, #00749F, #004E2D, #021239)
• Worn Iris color palette (#DDF4FF, #A6D3F7, #8998EA, #00716F, #003D53)
• Washed Field color palette (#C5F0E4, #00A69F, #006971, #004755, #18294A)
• Weathered Harbor color palette (#ECF9EE, #B1D3ED, #1782DA, #006571, #233C78)
• Timeworn Turquoise color palette (#F7EDDD, #85E5F2, #00B6DF, #009283, #00324A)
• Chalky Cobalt color palette (#F6ECE8, #A9CFB2, #0091CA, #007047, #1A2C54)
• Tempered Lagoon color palette (#D6E4D9, #619B98, #00545C, #003122, #00171F)

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