Timeworn Petrol color palette — #F5F0F5 · #DED4D4 · #CBB8B2 · #5F74A1 · #312930

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#DED4D4): bright and airy, almost weightless.
• Stone (#CBB8B2): A luminous, dusty orange — the color of toasted spice.
• Slate (#5F74A1): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#312930): a grounded near-black with real depth.

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

• Petrol Market color palette (#FAF2F8, #E7D7D8, #D1BAB9, #67729A, #4E444B)
• Timeworn Mulberry Cabin color palette (#F8EFF0, #E1D4C8, #C8B2A5, #8A4C75, #291D1D)
• Patina Periwinkle Summit color palette (#F2F5FB, #DCD9E3, #CCBFC1, #8C9BD1, #3C3F46)
• Muted Indigo Courtyard color palette (#FAE3ED, #7A64B7, #46272B, #201018, #090508)
• Dusty Parlor color palette (#D9FAF2, #D2ACBE, #A57879, #5A631B, #283C25)
• Pine Villa color palette (#F7F1E7, #BBB48E, #47854D, #6C485A, #2C280F)
• Antique Grape color palette (#FAEEF4, #EBCAD2, #CB9E9E, #593AC3, #25131E)
• Wandering Market color palette (#F2E9E8, #C1AEA8, #A38772, #70204B, #140606)

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