Timeworn Petrol color palette — #F0E5ED · #79C0CE · #00759E · #004D3E · #001532

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

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Cyan (#79C0CE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Petrol color palette (#E4F2F0, #80BDC8, #00748C, #004F51, #003344)
• Cobalt Terrace color palette (#FAEEF5, #A3CEE7, #3882B9, #005C55, #101E42)
• Powdered Corridor color palette (#F3E3EA, #74A3BD, #0057A7, #00393A, #060030)
• Wandering Lantern color palette (#ECD9E2, #46819B, #003D6D, #001F1E, #00000C)
• Plum Coast color palette (#EEE9F6, #A93688, #00713F, #005A43, #1A0012)
• Ancient Apricot Chapel color palette (#F5EEFF, #FDAEBB, #D5925E, #624B82, #2F0C1C)
• Garnet Thicket color palette (#EFE8FA, #C766AE, #007F3F, #680056, #001807)
• Antique Lantern color palette (#F3D7E7, #B07942, #873B19, #58151F, #001305)

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