Timeworn Petrol color palette — #F2F5FF · #ADAAD8 · #A9985F · #7069A5 · #355641

Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Mauve (#ADAAD8): A luminous, dusty violet — the color of a velvet chair.
• Moss (#A9985F): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#7069A5): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#355641): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Pewter Study color palette (#F6F3FF, #CAA0C4, #70A87D, #915E8B, #2B5553)
• Petrol Archive color palette (#ECF7FF, #7FB9D4, #B99063, #2D7C9D, #62434D)
• Worn Field color palette (#FBEDF6, #A7B0E1, #52AF9F, #616AB1, #23371A)
• Ash Ridge color palette (#F2F5FF, #9690C4, #918C58, #567C59, #3C4157)
• Iris Drift color palette (#F1F5FF, #B2C4EC, #71C3B3, #7A85D0, #1D565E)
• Ash Study color palette (#F1F5FF, #DFD8E1, #BFAB9E, #7896B2, #4F4F5F)
• Driftwood Pier color palette (#FFF1F5, #A1C1AB, #9A7480, #715365, #3A4D45)
• Antique Thicket color palette (#F3F4FF, #D1C2F3, #8876AA, #554A77, #353758)

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