Timeworn Petrol color palette — #F5F6EE · #C5E7E4 · #79A490 · #3C7981 · #40594F

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C5E7E4): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#79A490): A luminous, dusty teal — the color of glacier melt.
• Teal (#3C7981): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#40594F): A full-bodied, dusty teal — the color of glacier melt.

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

• Worn Lagoon Boulevard color palette (#F0F7F2, #D6DFEE, #90B7D3, #4F9393, #415568)
• Weathered Lagoon color palette (#EFF0E3, #7CBFBD, #00777D, #005146, #00353C)
• Hushed Mint Studio color palette (#F4FAD3, #8BD199, #4A9469, #3A6F58, #4F524C)
• Teal Canyon color palette (#EDFAE5, #42AD92, #5790B7, #7A7A45, #3D4537)
• Washed Hollow color palette (#F0F9E8, #5BC7A2, #7D98CF, #338368, #5D435A)
• Cerulean Garden color palette (#E8EDDE, #4598CA, #004D7E, #002E3C, #00132E)
• Antique Bronze Bloom color palette (#FAF4E9, #C0BA88, #9B7B37, #7A560C, #564600)
• Misty Coast color palette (#F3F7EA, #A0D5FF, #2382D9, #006281, #294064)

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