Tempered Petrol color palette — #EEEFE5 · #6FC7CC · #007582 · #003E39 · #000305

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

The five colors

• Cream (#EEEFE5): bright and airy, almost weightless.
• Aqua (#6FC7CC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007582): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

• Timeworn Petrol Orchard color palette (#EBF1DF, #7CBEF0, #0069B7, #003B4F, #00020C)
• Antique Station color palette (#F4F7E7, #83DBF1, #0087AA, #005156, #000F18)
• Ancient Lagoon color palette (#E2F0E4, #50979A, #005361, #002D23, #000509)
• Frosted Ridge color palette (#EEDCD3, #4FC4CA, #0091B2, #00704E, #001527)
• Cypress Study color palette (#D4ECE1, #007A59, #006084, #4C4300, #000201)
• Forest Lantern color palette (#EEFBD8, #83DBC2, #00B7AC, #00621C, #020300)
• Patina Turquoise color palette (#F5F7E6, #CDE9FF, #00ABCD, #007274, #002938)
• Feathered Market color palette (#A5F3C6, #00B367, #005E33, #001A0C, #000201)

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