Timeworn Petrol color palette — #EEF8F5 · #96C6F0 · #A06989 · #3D729E · #3A2929

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Sky (#96C6F0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A06989): A full-bodied, balanced pink — the color of peonies in June.
• Slate (#3D729E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3A2929): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Weathered Petrol Atelier color palette (#EBF4F0, #92CCED, #AB7071, #327A9E, #1F120E)
• Tempered Station color palette (#FBF2F6, #C2B7F1, #A56E56, #6F6497, #362B25)
• Softworn Dune color palette (#F0F8F1, #61D4DC, #7578AA, #057C83, #352A31)
• Washed Cerulean color palette (#EEF6FD, #A0D9FF, #C286A8, #5194BE, #322A3A)
• Washed Powder Chapel color palette (#EFF6FF, #B7BBFC, #9070A7, #784A6F, #6A2E43)
• Periwinkle Villa color palette (#F5F8DF, #8CA6E6, #8C698E, #585F14, #53424B)
• Driftwood Lantern color palette (#FAF2F8, #E4D7D6, #AEADA2, #92798B, #575055)
• Mallow Workshop color palette (#FFF1F6, #DDDDF0, #D9C3FF, #CB8BA2, #5B4147)

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