Worn Petrol color palette — #E3EFE5 · #5EB2B0 · #007381 · #004C39 · #001720

Built around Teal, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E3EFE5): bright and airy, almost weightless.
• Turquoise (#5EB2B0): A luminous, balanced teal — the color of sea glass.
• Teal (#007381): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C39): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001720): 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 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

• Timeworn Petrol color palette (#E5EEE7, #7DBDC9, #0080A4, #005A53, #002237)
• Aqua Workshop color palette (#F7EDDD, #49CDCC, #007482, #003F2F, #000305)
• Antique Boulevard color palette (#D9E5DB, #7198B1, #005D8F, #003B3F, #00081D)
• Hazy Ultramarine Harbor color palette (#DDE6DF, #75A8CE, #1563C3, #004856, #090148)
• Softworn Pine Lantern color palette (#FCECE7, #59C4C1, #0091B2, #00731E, #00142A)
• Cerulean Workshop color palette (#EAFAED, #7DDCE7, #009CBD, #007465, #003850)
• Sunlit Emerald color palette (#D5E5D7, #26A763, #006632, #002E17, #000401)
• Fern Garden color palette (#CAEBE6, #6AC1A2, #00AAAF, #576900, #001A0C)

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