Timeworn Petrol color palette — #FEF2ED · #DFA497 · #3EA28C · #206DA0 · #352123

Peacock takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Rosewood Mist (#DFA497): A luminous, dusty orange — the color of autumn markets.
• Fern (#3EA28C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#206DA0): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#352123): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, 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

• Muted Petrol Drift color palette (#FCF3EC, #F3C098, #71A986, #416DA2, #52293C)
• Weathered Bloom color palette (#FBF4EB, #D6B98C, #47A6BF, #67589D, #36221A)
• Washed Cypress Delta color palette (#FEF2F1, #E6AFD1, #8DA36E, #007576, #2D1C28)
• Aubergine Workshop color palette (#FAF5E8, #B2A45B, #2B8DC1, #773F93, #2A170D)
• Worn Hollow color palette (#FEF3EC, #F9AE91, #9BB45C, #7886C1, #38322E)
• Chalky Ultramarine Harbor color palette (#FFF2EA, #EF7B02, #00837D, #0C3BC1, #22000F)
• Ancient Thicket color palette (#FBEEF3, #B7763C, #357C68, #155C4A, #191725)
• Timeworn Aubergine color palette (#FFF3E5, #B57F00, #007B93, #482B8E, #210501)

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