Timeworn Petrol color palette — #F9F3F8 · #E5D7D8 · #D0BAB8 · #5874A5 · #4D444D

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E5D7D8): bright and airy, almost weightless.
• Stone (#D0BAB8): A luminous, dusty orange — the color of toasted spice.
• Slate (#5874A5): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4D444D): a grounded near-black with real depth.

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

• Weathered Cobalt Thicket color palette (#F5F0F5, #DDD5D5, #C7B8B3, #4E77AC, #302A30)
• Ancient Pier color palette (#FCF3F3, #E0D7D1, #C2AEA8, #805373, #463637)
• Driftwood Boulevard color palette (#FBF2F6, #E0D7D6, #ADADA0, #9D7488, #575053)
• Timeworn Corridor color palette (#F3DEE9, #7064B1, #412B31, #291922, #130A0C)
• Aged Meadow color palette (#FFF0F9, #E0CDD3, #C19BA2, #5244B5, #412B39)
• Tempered Chestnut color palette (#FFF0FA, #CAA5B0, #A38181, #7B5D12, #3E5437)
• Antique Navy Coast color palette (#F2E7EF, #B9A1AD, #96757E, #222C7B, #1E0D1A)
• Dusty Garnet color palette (#F9EDEC, #C8B4AF, #A4877A, #751950, #2D1919)

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