Timeworn Petrol color palette — #E9F1EA · #8EB9C7 · #007587 · #005141 · #003345

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

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#8EB9C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Timeworn 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

• Weathered Cerulean color palette (#F1F7F2, #ACCAD7, #1D84A4, #006158, #0F3F5A)
• Petrol Corridor color palette (#EEE6EE, #7AC1C4, #007699, #004F24, #001533)
• Antique Quarry color palette (#E9F1EA, #96B5D0, #2768B5, #004E5C, #1C285C)
• Turquoise Veranda color palette (#F3EEE5, #7FE7EA, #2BB7D0, #2C9179, #003345)
• Softworn Atelier color palette (#F1F7F2, #D1E0F2, #64A4B7, #1B806F, #3C5668)
• Wandering Abyss color palette (#E5F0E7, #5A879D, #00425A, #002221, #000A17)
• Gentle Navy color palette (#DBE8DE, #5F96BE, #004596, #002E38, #080642)
• Wandering Harbor color palette (#E1DEEC, #974794, #755A00, #005762, #31102F)

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