Timeworn Petrol color palette — #F7EAF4 · #79BECA · #00729A · #005141 · #072E57

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Cyan (#79BECA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00729A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#072E57): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Worn Cobalt color palette (#FAF2F7, #A6CBDF, #417EAB, #006058, #28395F)
• Petrol Harbor color palette (#E9EADF, #9ABDA4, #00788F, #004B4C, #001923)
• Sunlit Garden color palette (#EBDCE3, #6AA8C6, #0057A1, #003E3E, #131451)
• Sky Villa color palette (#F7ECE6, #9FE0EB, #03B3EE, #009478, #0D2F52)
• Lagoon Balcony color palette (#ECDFE8, #4A9F9D, #005362, #00321B, #001624)
• Weathered Cypress color palette (#FAF3F7, #D6E0F1, #7A9EBA, #3F7B70, #43546A)
• Hushed Harbor color palette (#CAE7D1, #9B7A00, #6159BD, #5A4600, #251E57)
• Patina Chestnut Lagoon color palette (#DCF7E4, #B0D395, #5CB1A2, #895129, #10392C)

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