Timeworn Petrol color palette — #F5F0F5 · #E1D4D7 · #D1B6BA · #5177A5 · #302931

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

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#E1D4D7): bright and airy, almost weightless.
• Rosewood Mist (#D1B6BA): A luminous, dusty red — the color of embers at dusk.
• Slate (#5177A5): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#302931): 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

• Muted Petrol Dune color palette (#EFF6FC, #DBD9E3, #C5BCCB, #567895, #42494F)
• Wandering Amethyst Courtyard color palette (#F7EFF2, #E6D2CD, #DDB2B7, #8152A6, #301F25)
• Dusty Chestnut Harbor color palette (#F8DEE8, #D3ACB4, #AC8083, #7E441D, #3A342F)
• Iris Grove color palette (#FDECF9, #BADBFF, #ABBFFF, #9280C7, #321B2A)
• Weathered Indigo color palette (#F8E3F0, #6468C8, #432735, #1E111A, #090508)
• Ash Summit color palette (#EFF7F5, #E0D4D0, #A49F93, #7AA3C6, #37423F)
• Antique Aubergine color palette (#EFE7E8, #D7C7C8, #BC9A9A, #723A81, #211014)
• Muted Indigo color palette (#FFEDE8, #8A97D8, #7359AB, #6E2E3D, #311A29)

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