Timeworn Petrol color palette — #ECF4ED · #B8965D · #3D77A2 · #703B2E · #361E2F

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

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Camel (#B8965D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3D77A2): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#703B2E): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#361E2F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Washed Taupe color palette (#E9F5EF, #A4A057, #5471A6, #703E0C, #162E16)
• Dusty Coral Veranda color palette (#F8EEF5, #D08673, #128185, #6C3858, #2E1F3D)
• Hushed Pewter color palette (#EAF5F1, #90A65D, #825FA3, #723935, #361D33)
• Weathered Jade Cabin color palette (#EBF8F6, #6FA96E, #34789D, #664765, #573231)
• Hazy Bronze color palette (#E6F7E8, #A87A00, #006194, #622100, #221500)
• Aged Mint color palette (#F5F6EA, #88C475, #9F7EA9, #7E5C7A, #5C3634)
• Pewter Market color palette (#FFECF2, #AED2C8, #79A0A8, #795A69, #523D48)
• Patina Lagoon Chapel color palette (#EDF4EF, #A8CCC3, #519275, #526759, #213631)

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