Tempered Petrol color palette — #F1F7EE · #69C1AF · #007D8C · #007060 · #1A281E

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

The five colors

• Ivory (#F1F7EE): a clean, paper-quiet neutral.
• Mint Leaf (#69C1AF): A luminous, balanced teal — the color of glacier melt.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#007060): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1A281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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

• Cobalt Parlor color palette (#F1F7F3, #81CEDF, #4A7FBF, #007A8E, #332A33)
• Pine Canyon color palette (#F6F6ED, #9ABA7F, #008459, #476C1B, #212619)
• Mint Station color palette (#F0F3EA, #5ECC96, #327BAE, #00784C, #03120D)
• Hazy Lagoon color palette (#F3F9DF, #1EAABD, #00739C, #593E7C, #2C4336)
• Washed Petrol color palette (#D8FDFF, #54BCCF, #00819F, #005779, #2C3467)
• Lagoon Dune color palette (#F2F7F1, #D2DEDB, #ADC6C3, #138583, #444A43)
• Azure Atelier color palette (#ECF8F7, #88D9A8, #3F95DB, #349563, #172533)
• Softworn Cypress color palette (#D8E2D7, #007873, #223B57, #002E2B, #000201)

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