Worn Petrol color palette — #F5EDE0 · #7CC5CA · #007388 · #003F34 · #000306

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

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Mint Leaf (#7CC5CA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Ultramarine color palette (#F8ECDB, #81BEED, #2B65B8, #003C49, #010014)
• Weathered Cobalt color palette (#FCF4E7, #95D8EB, #0085B5, #005150, #000D1E)
• Aged Lagoon Lagoon color palette (#EDE2EC, #2F9BA0, #00516B, #002E13, #000411)
• Dusty Cerulean Lantern color palette (#FDF4E5, #ADF5F5, #2EA2B5, #006C55, #00222E)
• Chalky Plum color palette (#F2E4EF, #A32898, #6B5600, #004C57, #030003)
• Timeworn Cerulean color palette (#F5E7E3, #95BB9D, #008EC2, #007143, #000D3D)
• Periwinkle Alley color palette (#FCF4E8, #DAD5E0, #7EAEFF, #0084A0, #2A305D)
• Magenta Pier color palette (#EBDAEC, #C25BC9, #0D7717, #58005E, #000200)

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