Tempered Petrol color palette — #F5EDE0 · #72C7C9 · #007485 · #003F31 · #000305

A conversation between Teal and Aqua, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Aqua (#72C7C9): A luminous, balanced teal — the color of glacier melt.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
• 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

• Sapphire Bloom color palette (#F5EDE0, #8DBDDF, #1467BB, #003C47, #010015)
• Timeworn Cerulean color palette (#FCF4E7, #94D8E8, #0086B0, #00524E, #000E1C)
• Timeworn Villa color palette (#EBDDEA, #009E9E, #005167, #002E0C, #00040F)
• Tempered Forest color palette (#EDE0DB, #58C3C6, #0090B8, #007232, #00132E)
• Chalky Aubergine color palette (#ECE5D5, #806200, #00646F, #6F0070, #020100)
• Dusty Pier color palette (#FCF4E7, #D5DFFA, #00AAD3, #007368, #00283D)
• Softworn Ultramarine color palette (#EFDEC6, #A37500, #265AD8, #4F3700, #00000A)
• Hushed Harbor color palette (#F5DED2, #BD6700, #6E4900, #302300, #020100)

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