Tempered Petrol color palette — #FFF1F6 · #2FACA5 · #006EB4 · #743E00 · #22424F

Royal Blue takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#2FACA5): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#006EB4): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#743E00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#22424F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

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

• Chalky Petrol color palette (#E6FCEC, #37A6C7, #5D61A9, #5F4B00, #2A3F53)
• Patina Jade color palette (#FFF0F9, #6FA86E, #007880, #753646, #244345)
• Washed Turquoise color palette (#F0F5DF, #00AFCA, #2C7398, #513B66, #0F281D)
• Patina Atelier color palette (#EBF9F0, #88BCAC, #4F8159, #34616D, #304841)
• Ultramarine Basin color palette (#F8E2B4, #008D9E, #2100F0, #483500, #002D40)
• Patina Bloom color palette (#FBF2F8, #BCE4F1, #1299B8, #12744F, #354A5C)
• Mulberry Coast color palette (#E5FAFD, #1A9D8F, #8A428E, #564700, #2A3810)
• Grape Dune color palette (#D9FFF2, #0094DE, #7239BB, #3E4C00, #223459)

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