Timeworn Petrol color palette — #EBF9F2 · #A5A574 · #539B89 · #5A6098 · #412E3B

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

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Sage (#A5A574): A luminous, dusty green — the color of fresh herbs.
• Fern (#539B89): A luminous, dusty teal — the color of sea glass.
• Slate (#5A6098): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#412E3B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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 Atelier color palette (#FDF2F6, #DAA47D, #499D8D, #725C94, #5F333C)
• Weathered Pewter Parlor color palette (#ECF8F5, #94B082, #3590A2, #825B93, #293B2C)
• Patina Petrol Lantern color palette (#FDF1F6, #C89368, #789053, #146F9E, #372D3B)
• Sunlit Dune color palette (#EAF9F7, #72A878, #3B78C4, #983161, #10342D)
• Taupe Study color palette (#E6F6EF, #9EA067, #415F5B, #293D34, #1E231E)
• Hushed Delta color palette (#FEF1F5, #F1AD68, #8AB587, #A67993, #40333D)
• Dusty Apricot Lagoon color palette (#FFF2EB, #F8A48D, #5C9FD2, #76577A, #312326)
• Misty Grape color palette (#E7FBF0, #9F9700, #007A8A, #7F00AC, #342000)

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