Timeworn Petrol color palette — #F6EFF4 · #E3D1D2 · #C2B2B9 · #546098 · #291C25

Slate takes the lead with Onyx close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#E3D1D2): A whisper-light, dusty red — the color of a theater curtain.
• Ash (#C2B2B9): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#546098): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#291C25): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Patina Ultramarine color palette (#F2F5FB, #DBD7DF, #B4B0C5, #405DB3, #343B46)
• Aged Villa color palette (#FAEFF1, #E5CCD0, #C2A2A3, #812D9B, #271319)
• Dusty Summit color palette (#FCEEED, #E2D3C7, #D9B6AC, #9D4A73, #341E1D)
• Tempered Drift color palette (#F9F3F8, #E6D7D7, #AEB6A8, #6D88C7, #372934)
• Navy Canyon color palette (#E7DDE2, #BEAEB5, #A4838E, #3F3582, #15050F)
• Aged Mulberry color palette (#F0E7E5, #D6C8C4, #B99C91, #813A50, #201210)
• Cocoa Courtyard color palette (#FFE5ED, #BD9298, #90647D, #6D3803, #3E280A)
• Timeworn Iris color palette (#FEE2D7, #9077D2, #734584, #661A14, #1E0F2E)

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