Timeworn Petrol color palette — #F5F3FF · #E8D3E1 · #CEACC1 · #62789A · #514B68

Slate takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Silver (#E8D3E1): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#CEACC1): A luminous, dusty pink — the color of peonies in June.
• Slate (#62789A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#514B68): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Timeworn Denim color palette (#FCF1FF, #F4D1CE, #92BEB2, #817694, #58496A)
• Ancient Bronze color palette (#FFEBEE, #D2B09E, #977D36, #765D72, #62464D)
• Weathered Lantern color palette (#FBDAF4, #CAA2B2, #6A8C77, #405C66, #253B4C)
• Weathered Basalt Ridge color palette (#FFF0F9, #ECC9DC, #7FA799, #845E7C, #582C1D)
• Tempered Mulberry Corridor color palette (#FFEFFF, #DBAF91, #7E9165, #7D3C5F, #381D39)
• Worn Stone Meadow color palette (#FFF2EC, #F0D3BB, #C6B384, #84A08C, #33564B)
• Weathered Terrace color palette (#F9F3FA, #D2D5E5, #86C6DC, #539358, #25415E)
• Timeworn Field color palette (#E9FAF3, #BCE3F3, #55AFAA, #8F6789, #1D3F3E)

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