Tempered Petrol Studio color palette — #F4F6ED · #B1E0CF · #669BC9 · #007796 · #1D3B60

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

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Mint (#B1E0CF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#669BC9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1D3B60): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Studio 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

• Tempered Teal color palette (#F6F6EA, #C4DCC4, #3BA7AF, #007D6F, #00434C)
• Dusty Petrol Study color palette (#E0E3D3, #5CB0C0, #00728A, #004A4B, #001721)
• Washed Denim Market color palette (#E8EEDD, #6898BF, #0058A4, #00384D, #000623)
• Antique Cobalt color palette (#FCF3EC, #A7CFC1, #4D78BD, #005F64, #35365A)
• Washed Station color palette (#F4F6EF, #C9E5E6, #8BB7D7, #5191A3, #34514A)
• Timeworn Cobalt Meadow color palette (#DCE1D3, #86B6E6, #3974C5, #005476, #091A4B)
• Moss Parlor color palette (#E9E7BE, #7BA44A, #009D9E, #A46725, #2F2D02)
• Seafoam Balcony color palette (#F6F7E1, #AFEFE2, #8BD8B6, #869665, #3C4000)

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