Timeworn Petrol color palette — #F5F6EF · #CCE1E0 · #77A592 · #007D8D · #315248

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CCE1E0): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#77A592): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#315248): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Petrol Thicket color palette (#EFF0E3, #82BDC0, #007682, #00504A, #00343F)
• Petrol Grove color palette (#F4F6F0, #C8E4E6, #749EC4, #337891, #5F4B5F)
• Aged Summit color palette (#EBEFE4, #5D86A0, #003F69, #00212B, #00091B)
• Aged Plum Delta color palette (#FFF1F1, #CDA1B9, #709DC9, #A55084, #2F506F)
• Wandering Driftwood Cabin color palette (#FFF2EF, #E1D8CF, #A5BAA0, #AA7D91, #664D47)
• Ancient Amber color palette (#FFF2F0, #C38296, #B27D46, #796BA7, #533C39)
• Hushed Cobalt color palette (#F3F7EB, #AED2F5, #4C80C7, #006187, #273D6F)
• Antique Bronze Balcony color palette (#FEF3EA, #CAB49C, #A87340, #7E5139, #633F00)

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