Tempered Petrol Workshop color palette — #E3F2F1 · #80BBD5 · #00709F · #004E5B · #08314C

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

The five colors

• Cream (#E3F2F1): bright and airy, almost weightless.
• Sky (#80BBD5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#08314C): 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 Workshop 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 Workshop color palette (#E9F9F8, #99CCEF, #3F7DB4, #0F5B74, #263C55)
• Softworn Ultramarine Grove color palette (#DDF0F0, #63A3E3, #0E52AD, #003A54, #0E1C44)
• Chalky Villa color palette (#C9F5FF, #47E1EB, #27B4D4, #026652, #013844)
• Cerulean Pier color palette (#D1E5E2, #25A0B4, #005265, #003031, #001721)
• Wandering Ash Studio color palette (#EDF8F7, #D6DCED, #789EBB, #507487, #455464)
• Periwinkle Meadow color palette (#F6EBF1, #B5D9F0, #74A6EC, #009381, #2B2558)
• Emerald Garden color palette (#D4E7D6, #009C5E, #006D4E, #004435, #002A2F)
• Antique Drift color palette (#D6EFEA, #007C70, #0061A6, #495300, #002621)

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