Timeworn Petrol color palette — #D3F1DD · #74B8B4 · #3D7B8F · #51485F · #39223C

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

The five colors

• Honeydew (#D3F1DD): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#74B8B4): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3D7B8F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#51485F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#39223C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Powder Hollow color palette (#C7FFF3, #8BCAD4, #758EA7, #6B5A71, #402D3A)
• Ancient Veranda color palette (#D2E7E1, #00ADA6, #007177, #00444D, #002532)
• Washed Cerulean color palette (#E9F6EB, #9ED0E2, #2289A1, #005D4F, #052335)
• Timeworn Atelier color palette (#F5EFCF, #A8B193, #627A67, #77464D, #603800)
• Feathered Rust color palette (#CFEFFD, #00A4B4, #C64F50, #00616B, #38080B)
• Dusty Lagoon color palette (#DAF4E9, #00858B, #00537B, #451D33, #2A0002)
• Azure Market color palette (#D7F1F3, #00ABEE, #4C61A9, #6E2F2D, #3C1A00)
• Ancient Atelier color palette (#E2EFF9, #94AFFF, #8A79A4, #734928, #183422)

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