Timeworn Petrol color palette — #F6EFF6 · #E5D4D8 · #CBB8BB · #56789E · #302A31

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Silver (#E5D4D8): a clean, paper-quiet neutral.
• Stone (#CBB8BB): A luminous, dusty red — the color of embers at dusk.
• Slate (#56789E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#302A31): 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

• Hushed Terrace color palette (#F0F6FC, #DAD9E0, #C2BCCB, #51789D, #3F4953)
• Weathered Driftwood color palette (#F7EFF4, #E0D3D3, #B9ACA2, #97788A, #3A3437)
• Ancient Pewter color palette (#FBEEF0, #E6D2C8, #C5B2B1, #7A5777, #281D1F)
• Pewter Garden color palette (#EDF4EE, #CCDCDA, #ABC3C2, #5D7E64, #262F28)
• Ancient Powder Atelier color palette (#FBEDF9, #C8E2FF, #A4BFFF, #877FBD, #32182A)
• Nightshade Dune color palette (#F8EEF5, #E4CCD9, #C99CB0, #454FAB, #22151E)
• Hushed Cocoa Station color palette (#FFE9F7, #BFB2DD, #A4828B, #71584F, #592800)
• Softworn Olive color palette (#F6F2E5, #AEB98C, #667E49, #475C42, #2B2813)

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