Worn Petrol color palette — #F0F7F2 · #8ACDD6 · #7B76A6 · #007C87 · #382831

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#8ACDD6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7B76A6): A full-bodied, dusty violet — the color of a velvet chair.
• Teal (#007C87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#382831): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Worn 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

• Hushed Petrol color palette (#EEF7F5, #A0C4EA, #A56A71, #3C70A4, #3B2924)
• Washed Petrol color palette (#EDF3F7, #A4C9E0, #6383B8, #007DA0, #0C1624)
• Weathered Field color palette (#FCF4E5, #71B1CF, #74729A, #725401, #514253)
• Ancient Hollow color palette (#F0F7F4, #ADDEC7, #8897D9, #009AC9, #382834)
• Antique Coast color palette (#EFF7F4, #DFD4D2, #A6A096, #608D7B, #4C5551)
• Pale Archive color palette (#E9FAF1, #00B2E3, #8832B8, #005F7B, #261332)
• Aged Cobalt color palette (#FCF1FC, #5983B3, #855475, #6D3C2A, #263800)
• Mulberry Ridge color palette (#EBF9F4, #61A0D3, #96355E, #005385, #2A0F0C)

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