Timeworn Petrol color palette — #E4F6F6 · #64BD8E · #0074A2 · #006D44 · #000B13

Slate takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Jade (#64BD8E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006D44): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Timeworn Drift color palette (#E5F5F9, #00C0BA, #0069C9, #006966, #00091B)
• Antique Petrol color palette (#F6F7E4, #7BB45D, #0066B4, #2F6500, #28142B)
• Lime Cabin color palette (#E9F5F0, #ACAF17, #007B79, #5E6000, #000B0F)
• Hushed Workshop color palette (#DBE8E9, #41A184, #005E78, #005440, #000304)
• Soft Garnet Canyon color palette (#D7FDDF, #00A79D, #006B8B, #74003F, #002124)
• Feathered Mint color palette (#F2F8EA, #64D49B, #0096B1, #008E5A, #092315)
• Teal Villa color palette (#93F7DB, #00BBB2, #008093, #00435B, #00203C)
• Cypress Hollow color palette (#EAF4F6, #CFD7E0, #A8C4D3, #007D6D, #0B2A2E)

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