Timeworn Petrol color palette — #F4F6EF · #C8E4E3 · #77A592 · #207B8A · #2E5348

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E3): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#77A592): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#207B8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#2E5348): A full-bodied, dusty teal — the color of sea glass.

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 Quarry color palette (#EFEFE6, #9CBA9E, #007681, #005049, #00343E)
• Tempered Petrol color palette (#F4F6F0, #C8E4E6, #759EC1, #287992, #5D4B5F)
• Antique Navy color palette (#E6EADD, #5C86A0, #004067, #00212B, #00091A)
• Washed Garden color palette (#FFF2F1, #D39EB5, #AF9654, #AA4E7C, #504D46)
• Cobalt Market color palette (#FFF1F1, #BA85A3, #B47A58, #686EB6, #553A3B)
• Weathered Orchard color palette (#FFF2F0, #E1D8CF, #C1C29D, #A66E8C, #614E4A)
• Chalky Cobalt color palette (#F3F7ED, #AAD3F9, #4880C9, #006186, #273E6E)
• Bronze Lantern color palette (#FDF3EA, #C8B49F, #A87340, #854E20, #633F00)

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