Timeworn Petrol color palette — #ECF9EE · #71C6D6 · #00799B · #005650 · #003655

A conversation between Teal and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#71C6D6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003655): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sapphire Loft color palette (#EAFAED, #8ABFE3, #006CCD, #005462, #1E2D66)
• Cobalt Orchard color palette (#FCECF9, #7BC9DB, #0078B8, #00543D, #0B0C4D)
• Weathered Hollow color palette (#E7F9FF, #B7DAFF, #959AFF, #007172, #00425E)
• Tempered Denim Corridor color palette (#E1EBE3, #66AABC, #005F82, #003E3C, #00213B)
• Hazy Sky color palette (#FFF4E2, #83ECFF, #00BBEE, #00998E, #003655)
• Dusty Azure Bloom color palette (#FEF2ED, #7ADBEF, #0095DD, #007654, #1A2776)
• Pale Rust color palette (#C7EBFD, #0094AD, #C23A00, #005868, #551400)
• Washed Navy color palette (#E4EFE6, #5A879F, #003E6C, #002226, #000329)

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